web前端开发识问答社区，提供包括html5、css3、JavaScript、vue.js、node.js、APP、小程序等内容分享。
VUE中实现获取手机验证码之后 倒计时60s内不允许重新获取
今天上班刚好调取验证码登录接口，网上找了一个很不错的demo分享给大家，代码如下获取验证码{{count}}sdata(){return{show:true,count:'',timer:null,}},methods:{getCode(){constTIME_COUNT=60;if(!this.timer){this.count=TIME_COUNT;this.s...
ES6中const探秘
在ES6中，除了引入了非常好用的let之外，还引入了const，const 和 let 的作用域是一致的，不同的是 const声明的是一个只读的常量，一旦声明，常量的值就不能被改变，否则会报错，但是这并不意味着使用 const 声明的变量本身不可变，只是说它不可被再次赋值了...
使用css选择器实现表格隔行换色
使用css选择器实现表格隔行换色在线运行<style> *{ margin:0; padding:0; } body{ padding:200px; box-sizing:border-box; } table{ border-collapse:collapse; } td,th{ color:#000; font-...
vue中query与params传参的区别
query传参方式this.$router.push({ path:'/home', query:{ id:'19961022' }})query取值方式mounted(){ this.id=this.$route.query.id;}param传参方式this.$router.push({ name:'H...
微信小程序 接口请求封裝
在utils文件下新建文件http.js，放入下方代码consthost='http://www.iqzhan.com';//接口網址constdomain='/os_wxapi/v1/';//接口同樣的路徑區域//接口地址拼接consturls={ home:host+domain+'home',/...
CSS盒模型的概念及组成 content padding border margin
嗯...ps随便大概画了一个参考图，色彩有点...见谅CSS盒模型的概念及组成 css盒模型概念——css盒模型是css的基石，每个html元素都可以看作是一个盒模型。 css盒模型的组成——内容（content）、补白或填充（padding）、边框（border）、外边距（margin）1....
css hack的概念？ 常见的过滤器有哪些？
css hack 概念：针对不同浏览器内容对同一段代码解析不同的处理方法。常见的过滤器：1.下划线属性过滤器语法：选择器{ _属性:属性值;} eg:.box{ background:red; _background:blue;} 注：下划线属性过滤器只有IE6识别，其他浏览器都不识别.2. !important 关键...
使用CSS实现网站顶部彩色小长条小效果
最近访问一些优秀的博客或者其他网站，很多站点的导航顶部，都会加一个彩色的长条，反正挺好看的，既然是代码添加的，那么鹏仔给大家分析下如何添加。第一种方法:用背景图方式，可添加动态gif图，附代码<divstyle="background:url(https://ws3.sinaimg.cn/lar...
Css背景切割与原点属性语法介绍以及使用
1. 背景切割 语法:background-clip:border-box|padding-box|content-box; border-box:默认值，背景在包含边框以内的区域可见 padding-box:背景在包含padding以内的区域可见 content-box:背景在content部分可见2. 背景原点 语法:background-origin:padding-box...
Css背景渐变属性语法介绍以及使用
1. 线性渐变 语法:background:linear-gradient(tptop,red0%,yellow30%,green45%); 注:重复的线性渐变写法如下background:repeating-linear-gradient(red0%,yellow10%,green20%) 重复的线性渐变必须自定义渐变的位置才能出现重复渐变的效果2. 径向渐变 语法:b...
Css3扩展小知识 c3蒙版 c3倒影 hsla模式等语法介绍
扩展一: css3蒙版 语法:-webkit-mask-image:url(蒙版图片路径)|使用渐变作为蒙版;-webkit-mask-repeat:no-repeat|repeat|repeat-x|repeat-y;-webkit-mask-position:center;扩展二: 设置背景在文本区域可见（字体颜色必须变为 transparent） 语法:-webkit-back...
elementui日期选择器控制结束日期不能小于开始日期
项目中，有选择开始日期和结束日期的，写好了分享给大家吧！如有问题，请多多指教，谢谢。功能是开始日期可选今日或今日之后的日期，结束日期必须在开始日期之后，用的是elementui，案例分享给大家。我的效果是 报名开始时间（当日起之后）、报名结束时间（报...
iView 日期时间选择器设置开始时间至结束时间限制
开始时间不能大于结束时间结束时间不能小于开始时间<DatePicker type="datetime" :options="startOption" v-model="startTime" placeholder="开始时间" format="yyyy-MM-ddHH:mm">...
vue表单验证 input输入框禁止输入空格
刚开始用的下面这个方法，因为我是电脑端f12的情况下调试移动端，所以下面这个方法可以实现禁止输入空格，于是就打包测试上线了，上线后才发现真机中不支持，应该是pc端和移动端事件不一样，所以如果你是pc端，可以使用下面这个方法。input上添加下方代码（我...
音频 视频 的语法标签 以及相关的html属性
音频 语法：<audiocontrolsloopautoplay> <sourcesrc="音频文件路径"type="audio/mp3"/></audio> 注：音频相关html属性 1.controls 添加音频控制条 2.src 引入音频文件路径 3.autoplay 设置自动播放 4.loop 设置循环播放 5....
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.shouhuola.com/data/category/000/00/00/big_000000015.jpg', '《Web前端》','http://www.shouhuola.com/cat-15','页面编码gb2312|utf-8默认gb2312'));){kind=link}