《高性能javascript》笔记

阅读《高性能javascript》后，对其内容的一个整理和精简

加载与执行

1.将script标签放在body结尾标签上面
 2.控制script标签数量(每一次script解析都意味着阻塞或延迟)
 3.内嵌脚本不要放在link样式以后
 4.对script标签应用defer属性
 5.动态建立script标签加载js文件(模块化框架便可)

数据存取

1.不影响this的状况下，对反复访问的对象进行变量保存
 2.合理使用局部变量，减小做用域跨越
 3.避免使用with和eval
 4.谨慎地使用闭包
 5.减小Object对象的层次访问，避免过长的属性读取(es6解构赋值)

DOM编程

1.尽可能用新的选择器api代替老的，尽可能用dom克隆替代dom建立
 2.html集合操做很是昂贵，可转换为数组再进行操做，同时使用局部变量缓存操做
 3.对dom访问信息进行缓存，对dom改变进行批量操做
 4.对操做频繁的dom，尽量采用position:absolute
 5.对操做密集的dom，先display:none——>操做——>再display:block
 6.对操做量很大的dom，采用文档碎片createDocumentFragment
 7.合理使用事件委托，避免对dom进行逐个事件绑定

算法和流程控制

1.减小使用for...in循环
 2.条件判断上，避免类型转换
 3.条件较多时，使用switch代替if..else
 4.最小化语句数，避免多个var声明，插入迭代值——arr[i++]
 5.简化终止条件，简化循环体，减值迭代
 6.展开循环(在次数很少的状况下)

字符串与正则表达式

1.减小字符串拼接，避免"临时字符串"的出现
 2.当叠加字符串的时候，字符串变量应该靠左
 3.数组join方法比其余字符串链接方式慢
 4.字符串concat方法比使用简单的+和+=慢
 5.正则优化(我的略过...)

快速响应的用户界面

1.对于异步操做的任务，可以使用定时器分解任务，分割循环项
 2.定时器最小延迟建议为25毫秒，应避免高频定时器的数量
 3.合理使用web workers

Ajax

1.对那些不会改变服务器状态，只获取数据的请求，应该使用get类型（会被游览器缓存起来，有利于性能）
 2.若是你只关心发送数据到服务器，可使用图标信标（img.src="请求地址"）
 3.使用能被http缓存的get查询请求的时候，应该同时在服务端设置Expires头信息（过时时间）
 4.本地设置缓存（变量缓存与storage缓存）

编程实践

1.避免使用eval,Function,setTimeout和setInterval去执行须要解析的字符串代码
 2.对数组和对象使用字面量进行建立，而非构造器模式
 3.涉及计算的过程，应该尽可能用原生方法(Math)，合理使用位运算符

构建并部署高性能javascript应用

1.合并js，减小http请求
 2.压缩js，下降请求大小
 3.设置Accept-Encoding HTTP请求头，对js进行gzip压缩
 4.设置Expires HTTP响应头，对js文件进行过时时间缓存(客户端使用时间戳更新js文件)
 5.使用内容分发网络CDN

工具

1.javascript的性能分析简单的分析能够经过Date日期函数，推荐使用当前的集成测试和单元测试
 2.每一个游览器都具有各类的检查器和资源面板，能够经过分析得出一些javascript性能的数据