驚鴻入梦

由于项目需要，频繁使用到按钮组，如图所示，后期优化代码时，提炼出了自定义的子组件。效果如下图：父组件：<!--button-group/button-group.wxml--><view class="btn-group-wrap"> <view wx:for="{{dataList}}" wx:for-item="item" wx:for-inde...

一、style里动态拼接变量:style="'background-color:rgba(0,0,255,'+变量名称+')'"（看起来是三个引号是因为双引号里面是单引号，无空格）二、vue将方法挂载原型上三、获取对象属性lengthObject.getOwnPropertyNames(obj).length四、短路运算运用过程中相当于if条件和行使句；1、&a...

1、列表中使用switch时在切换状态时用到拦截弹框，要使用原生事件@click.native2、DatePicker 使用校验的话，绑定数据不能用:value，而要用v-model，前者校验有问题。3、icon添加事件@click.native=fn()4、在返回选项时，是否将 label 和 value 一并返回，默认只返回 value，写法 =》   :label-in-value = "t

项目中使用的iviewUI的版本是2.7.3，在使用中遇到的问题总结了一些，后续会更新，如果各位大神有遇到的坑欢迎评论补充1、modal的样式要放到最外面，否则样式给不到；2、iview组件的事件@on-change=fn,fn后面没有‘(参数)’；3、router-view不能放到tabs里面，组件会渲染两次，要把它单独拿出来4、FormItem里面input或者select不能用:model动

1、原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中，不能使用2、cssText:（1）相关链接：https://www.cnblogs.com/majingyi/p/6840818.html （2）本质：设置 HTML 元素的 style 属性值（3）用法：document.getElementById("d1")....

开发中遇到的这个在IE浏览器中显示问题，如上图所示，点击之后会出现：原因：如果装有Skype插件，会自动将数字识别为电话号码处理方法：html文件中加上

vue生命周期函数：http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html1、在watch或者created里面操作dom,用this.$nextTick(function(){        xxxx})2、class动态绑定 三元写法：:class="[isShowTab?'showTab':'

1、vue里获取原生键盘事件this指向问题：var _this = thisdocument.onkeydown = function (e) {var ev = e || window.eventif (ev.keyCode === 13) {    _this.fn}}2、vue渲

项目中需要用到竖版的Tab，但是用的框架没有合适的，所以没办法，只能自己写了，希望能帮助到其他人。写的比较简单，只符合自己使用的效果，大神勿喷。效果是这种的：标签数量很多，超出部分可以点击上下的icon切换滚动，用的是vue和iviewUI的icon实现的template>div class="tabWrap">div class="tabNav

vsCode编辑器配置Eslint保存直接格式化：2、vue里面禁用eslint方法：/* eslint-disable *///要禁用的代码内容/* eslint-disable */vue里面禁用eslint方法：

Vue 的$mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手动挂载上。new Vue时，el和$mount并没有本质上的不同。具体见代码：顺便附上vue渲染机制流程图：

今天看到github上面一个vue项目，用的是Pug模板写的，很多人不知道Pug是什么，但要说到jade，相信很多人反应过来了。没错，Pug前身就叫jade,但是由于商标等问题，改名为Pug，当然，语法还是和原来一样。那Vue究竟如何与它结合的呢？首先，除了要安装pug，还要安装pug-clinpm install -g pugnpm install -g pug-cli说实话，

找到了很久以前写的播放video的代码，最基本版，因为这样最直接，就没优化，比如同类的按钮可以共用一个，点击进行切换等等。样式也是最朴素，以实现功能为主了。 具体功能如图：代码如下： video{ margin: 30px auto; background-color: black; } .range1{ width: 500p

windows下安装react-native环境--采坑之旅，希望可以帮助到有需要的人。。。