niannianxi的博客

双向绑定原理：使用数据劫持和订阅发布实现双向绑定。通过实例化一个Vue对象的时候，对其数据属性遍历，通过Object.defineProperty()给数据对象添加setter getter，并对模板做编译生成指令对象，每个指令对象绑定一个watcher对象，然后对数据赋值的时候就会触发setter，这时候相应的watcher对其再次求值，如果值确实发生变化了，当属性变化后会通知自己对应的watcher去更新数据劫持js实现：function Observer(data_instance) {

1.charAt和Indexof区别chatAt:返回指定索引位置处的字符;let str = 'qianduan';let s = str.charAt(2);//返回索引位置为2的字符console.log(s);//输出aindexof:返回 String 对象内第一次出现子字符串的字符位置2.var和let的区别...

echarts.js是百度团队推出的一款用于图表可视化的插件，用于以图表的形式展现数据，功能强大，上手简单使用步骤分为五步：1.下载并引入Echarts.js(这里建议下载echarts.min.js 体积小);2.准备一个具备大小的容器 div（注意有大小哦 要设置width和height;3.初始化echarts实例对象；4.指定配置项和数据（option）；5.将配置项设置给echarts实例对象1.下载并引入Echarts.js：ps:版本过高可能会使柱形图不显示哦！注意这个问题

      在学习PS切图时，需要将切出来的图转换为不同格式(不同格式的图片优缺点不同)，为了适应不同的需求；在这里记录下常见图片格式的不同，便于以后使用我们常见的图片格式有：jpg、jpeg、png、gif、PSD、Bmp、Tiff、Webp等；1.jpg:       可支持有损压缩，不支持透明，不支持动画，非矢量;    &n

在不同类型的函数中this的指向是不同的。eg:有的时候我们可能需要改变this的指向，通常使用call()、apply()、bind()三种方式。1.call（）：使用方式：被调函数名.call(param1,param2,param3,…);param1: 函数运行中指定的this值；param2,param3,…: 函数中传入的参数；通常使用call()解决构造函数中的继承问题：令son的原型对象指向father的实例对象；<script> //借用父构造函

实现参数不同最终显示效果不同的动画函数时，可以用对象实现，给一个对象添加同一个定时器，增加代码容错性；注意用对象实现时，若用户不断地点击按钮时，会开启多个定时器，需要在函数刚开始执行时清除一开始的定时器，使得一个对象只有一个定时器存在。记得一定要清除定时器，否则会造成定时器的混乱（使用clearInterval(定时器名字)/clearTimeout(定时器名字)清除）,一次性定时器和普通定时器都要记得清除...

      在html的表单元素中我们可以采用下列代码生成单选框： <label> <input type="radio" name="radio" checked> <span>男</span> </label> <label> <i...

这周学习了弹性盒，而其中要区分好主轴和交叉轴，否则搞不清楚其排列的顺序：①当里面的盒子为水平排列时：（没有折行发生时）没有折行现象时不存在交叉轴：有折行现象时：①当里面的盒子为竖直排列时：（没有折行发生时）没有折行现象时不存在交叉轴：有折行现象时：      这就是主轴和交叉轴的区别了，以后布局的时候需要用到，希望自...

今天学习到了一个比较好的元素（datalist元素），怕自己忘了，写了这篇博客：它可以解决在单选框中只能选择不能输入的问题，类似于提示词的作用：这里注意datalist元素要写id,与input表单元素的 list属性创建联系例1：在页面上显示如下：例2：在页面上显示如下：假如想要输入的是网址，需要注意value值必须添加http://例3这里的datalist元...