性能优化的一些措施
1. 使用最新的库
最新的库进行了bug修复和优化
2. 使用合适的选择器
以jquery为例,提升性能的优先顺序是:
1)$("#content"),如果想找没有设置id的元素,可以通过$("#content").find("div"),从最近有id的元素开始向下搜索
2)$("p")、$("div"),直接以标签进行选择
3)以类进行选择
4)$("[attribute=value]")
5) 利用伪类 $(":hidden"),使用伪类时先用id选择器操作会更好
总之,尽量使用id选择器
3. 当有多个一样的选择时,用变量将其缓存起来
4. 循环时追加节点,可以先用字符串连接,再一次性追加
5. for循环代替$.each()
6. 事件代理
7. 将代码转化为插件
8. 使用join拼接字符串
9. 尽量使用原生的javascript方法
10. 压缩JavaScript
使用Gzip