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

JavaScript028

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 绑定属性