05 2017 档案

vue $refs的基本用法
摘要:一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。 但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。 然后在javascript里面 阅读全文

posted @ 2017-05-26 11:29 薛伟杰 阅读(179209) 评论(3) 推荐(8)

Vue动态实现评分效果
摘要:1.图片分为三种 on:half: off 根据需求改变代码 阅读全文

posted @ 2017-05-24 12:06 薛伟杰 阅读(4601) 评论(1) 推荐(0)

清除IE下input的叉叉
摘要:很多时候,我们在开发过程中,设计师会在输入框后加上定制的清除图标,但是在IE下有IE自带的清除图标,肯定是不美观的。 这一块css3属性只对IE10及以上有效,那么在IE9以下,我暂时找不到更好的办法,想了一下,可以通过js判断ie版本,让ie9以下的版本隐藏自定制图标,这样就不会重叠样式。 阅读全文

posted @ 2017-05-19 16:36 薛伟杰 阅读(801) 评论(1) 推荐(0)

Vue点击切换class
摘要:1 1 2 3 4 5 1 阅读全文

posted @ 2017-05-16 15:37 薛伟杰 阅读(11446) 评论(0) 推荐(0)

vue通过watch对input做字数限定
摘要:1 2 3 4 new Vue({ el: '#app', data: { number: '100', items: { text:'', }, }, watch:{ //watch()监听某个值(双向绑定)的变化,从而达到change事件监听的效果 items:{ ... 阅读全文

posted @ 2017-05-16 10:04 薛伟杰 阅读(6277) 评论(0) 推荐(0)

检测Android和IOS
摘要:1 var u=navigator.userAgent; 2 var isAndroid=u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 3 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 4 alert('是否是Android:'+is... 阅读全文

posted @ 2017-05-15 15:00 薛伟杰 阅读(221) 评论(0) 推荐(0)

v-bind:的基本用法
摘要:1. v-bind:class(根据需求进行选择) <style> .box{ background-color: #ff0; } .textColor{ color: #000; } .textSize{ font-size: 30px; } </style> <div id="app"> <sp 阅读全文

posted @ 2017-05-15 13:58 薛伟杰 阅读(40632) 评论(1) 推荐(3)

textarea使换行变顿号
摘要:开发过程中,从后台需要导出数据到excel,由于textarea可以进行换行,到了excel中会因为换行的特性自动变为下一行,于是想了一个黑科技,换行变为顿号。 阅读全文

posted @ 2017-05-12 17:11 薛伟杰 阅读(378) 评论(0) 推荐(0)

css3的代替图片的三角形
摘要:1.小三角形(与边框结合,不兼容IE8) 1.1小三角形(不与边框结合,兼容IE8) 2. 阅读全文

posted @ 2017-05-12 14:30 薛伟杰 阅读(158) 评论(0) 推荐(0)

不定高垂直居中
摘要:方法1:通过添加display:table-cell实现 方法2:通过添加position实现 阅读全文

posted @ 2017-05-12 14:06 薛伟杰 阅读(232) 评论(0) 推荐(0)

一行、多行超出则隐藏
摘要:一行超出则隐藏 多行超出则隐藏 阅读全文

posted @ 2017-05-11 16:27 薛伟杰 阅读(1136) 评论(0) 推荐(0)

关于<meta>的各种用处以及移动端的常见问题
摘要:1.优先使用最新版本的IE和Chrome 2.关闭IOS键盘首字母自动大写 3.移动端取消touch高亮效果 4.禁止保存或拷贝图片 5.移动端适配js 6.IOS下input有阴影 7.双核浏览器默认以其内核渲染 阅读全文

posted @ 2017-05-11 15:26 薛伟杰 阅读(212) 评论(0) 推荐(0)

Vue通过input筛选数据
摘要:价格 ¥ new Vue({ el: '#app', data: { search: '', products: [{ name: '苹果', price: 25 }, { name: '香蕉', price: 15 }, { n... 阅读全文

posted @ 2017-05-11 14:19 薛伟杰 阅读(5136) 评论(0) 推荐(0)

导航