来一张原理图: 实现思路: (1)绑定data 种的数据,为每个数据添加指令。通过Object,defineProperty() 来通知属性是否更改 (2) 找到每个DOM节点的指令。绑定事件。并绑定watcher (3) 实现DOM事件改变之后, 响应data数据,实现视图更新 ...
分类:
其他好文 时间:
2018-04-19 20:27:17
阅读次数:
327
web前端开发,新的知识点,HTML5新标签、性能优化、new操作符、性能优化,这些知识点你都掌握了吗? 1 HTML5多功能增加 HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加。 (1)绘画canvas; (2)用于媒介回放的video和audio元素; (3 ...
分类:
Web程序 时间:
2018-04-17 19:53:01
阅读次数:
262
1.1 理解原型链 JavaScript中几乎所有的东西都是对象,我们说数组是对象、DOM节点是对象、函数等也是对象,创建对象的Object也是对象(本身是构造函数),那么有一个重要的问题:对象从哪里来? 这是一句废话,对象当然是通过一定方式创建出来的,根据实际类型不同,对象的创建方式也千差万别。比 ...
分类:
Web程序 时间:
2018-04-17 17:03:58
阅读次数:
237
总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。 创建前/后: 在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有。 载入前/后:在beforeMoun ...
分类:
其他好文 时间:
2018-04-13 16:25:44
阅读次数:
139
官网:http://dojotoolkit.org/reference-guide/1.10/dojo/index.html#dojo-dojo的翻译 dojo 内容: dojo dojo/dojo dojo/_base Areas of Functionality dojo是dojo工具箱的基础包 ...
分类:
Windows程序 时间:
2018-04-09 13:05:23
阅读次数:
1243
一. 操作dom节点元素 1. 属性获取节点元素 (1)firstChild和firstElementChild、lastChild和firstElementChild、nextSibling和nextElementSibling、childNodes和children。 firstChild是子代 ...
分类:
其他好文 时间:
2018-04-06 21:21:01
阅读次数:
189
appendChild() 用于向childNodes列表的末尾添加一个节点。 如果传入的节点已经是文档的一部分了,那结果就是将该节点从原来的位置转移到新位置 insertBefore() 这个方法接受两个参数:要插入到节点和作为参照的节点。插入节点后,被插入的节点会变成参照节点的前一个同胞节点(p ...
分类:
其他好文 时间:
2018-04-05 13:25:58
阅读次数:
149
Virual DOM是用JS对象记录一个dom节点的副本,当dom发生更改时候,先用虚拟dom进行diff,算出最小差异,然后再修改真实dom。 vue的virtual dom的diff算法是基于snabbdom算法改造而来,与react的diff算法一样仅在同级的vnode间做diff,递归的进行 ...
分类:
其他好文 时间:
2018-03-26 12:38:41
阅读次数:
172
1、压缩图片 2、减少冗余代码 3、避免404错误 4、避免滤镜的使用 5、在HTML中不要使用压缩图片 6、DNS解析优化,DNS缓存,减少DNS查找。 7、异步加载(并发、require) 8、预加载、延迟加载,按需加载 9、减少重绘和回流 10、减少DOM节点 11、减少节点的操作(inner ...
分类:
其他好文 时间:
2018-03-24 17:31:34
阅读次数:
200
1、createAttribute() 创建一个属性节点 => 接收参数为string类型的属性名称 2、 createTextNode() 创建一个文本节点 => 接收参数为string类型的text内容 3、createElement() 创建一个元素节点 => 接收参数为string类型的no ...
分类:
其他好文 时间:
2018-03-24 12:48:19
阅读次数:
166