Skip to content

Latest commit

 

History

History
34 lines (19 loc) · 1.34 KB

Readme.md

File metadata and controls

34 lines (19 loc) · 1.34 KB

高性能的JavaScript

加载和执行

1.使用<script>标签的defer属性

2.使用动态创建的<script>元素来下载并执行代码

3.使用XHR对象下载JavaScript代码并注入到页面中

数据存取

1.访问字面量和局部变量的速度最快,相反访问数组元素和对象成员较慢。

2.变量在作用域中的位置越深,局部变量存在作用域链的起始位置访问最快,全局变量存在于末端访问最慢,

3.避免with和try-catch语句中的catch子句,会改变执行环境的作用域链,小心使用。

4.嵌套的对象成员会影响性能,尽量少用。

5.属性和对象成员在原型链中的位置越深速度也会越慢。

6.可以把常用的对象成员和数组元素以及跨域变量,保存在局部变量中,来改善JavaScript性能。

DOM编程

1.最小化DOM访问次数,竟可能在JavaScript端处理。

2.如果要多次访问某个DOM节点,用局部变量储存它们的引用。

3.如果可以的话,使用速度相对快的API,比如querySelectorAll()和firstELementChild。

4.留意重绘和重排;批量修改样式时,“离线”操作DOM树,使用缓存,并减少访问布局信息的次数。

5.动画中使用绝对定位,使用拖放代理。

6.使用事件委托来减少事件处理器的数量。