Vue中用到的一些js基础知识

JavaScript011

Vue中用到的一些js基础知识,第1张

伪数组：不是一个真正的数组， 但是有 length 属性， 可以通过下标访问。

例如：

[].slice.call(obj)

参见 MDN关于nodeType的资料

IE8不支持Object.defineProperty, 所以在使用了此方法的vue版本中， vue项目不能在IE8上运行

返回所有的自身可枚举属性组成的数组。

返回一个布尔值， 表示prop是否是obj自身的属性

文档碎片

Document: 页面中用于保存多个element的容器，里面的元素如果发生改变， 势必会导致页面发生改变。 如果多个元素发生改变， 势必会影响页面的性能。

DocumentFragment： 内存中用于保存多个变量的容器，内部的元素发生改变， 不会影响界面。不属于dom树的一部分，如果多个元素需要修改内容， 将其放入文档碎片中， 一并修改（修改时不存在性能问题）， 再最终一次渲染到页面上， 可以极大的提升元素修改的性能。

参见 MDN关于文档碎片的说法

while(child=ul.firstChild) 做了两件事：

列表被更新了， 从原来的内容，从变成了 hiahiahia .

上面只有三个 li , 如果是很多给就能省下很多的性能开销。

数据渲染：v-text、v-html、{{}}

条件渲染 控制模板隐藏:v-show 、v-if、v-else

v-for 渲染循环列表

v-on绑定事件

v-bind 绑定属性