性能优化的一些措施

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

阅读更多 登录后自动展开
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页