jQuery性能优化的方式
2017-03-19 16:19
197 查看
jQuery性能优化的方式:
(1)尽量选择ID选择器、尽量给选择器指定上下文
(2)缓存对象:使用缓存变量的重要性,永远不要让相同的选择器在你的代码里出现多次
(3)循环时的DOM操作:尽可能的减少DOM操作,例如循环生成多个li项,可以先动态生成组合多个li,然后再添加到HTML页面中
(4)数组方式使用jQuery对象
(5)事件代理:当多个子元素有相同的时间时,利用冒泡原理将事件绑定到他们的父元素上,然后利用event事件捕捉到触发的目标元素
(6)将你重复编写的的类似的代码转化成jQuery插件
(7)使用join()来拼接字符串,而不用+号
(8)合理利用HTML5的Data属性
(9)尽量使用原生的JavaScript方法
(10)压缩JavaScript
(1)尽量选择ID选择器、尽量给选择器指定上下文
(2)缓存对象:使用缓存变量的重要性,永远不要让相同的选择器在你的代码里出现多次
(3)循环时的DOM操作:尽可能的减少DOM操作,例如循环生成多个li项,可以先动态生成组合多个li,然后再添加到HTML页面中
(4)数组方式使用jQuery对象
(5)事件代理:当多个子元素有相同的时间时,利用冒泡原理将事件绑定到他们的父元素上,然后利用event事件捕捉到触发的目标元素
(6)将你重复编写的的类似的代码转化成jQuery插件
(7)使用join()来拼接字符串,而不用+号
(8)合理利用HTML5的Data属性
(9)尽量使用原生的JavaScript方法
(10)压缩JavaScript
相关文章推荐
- [转]jQuery性能优化指南 I
- jQuery性能优化指南(1)
- jQuery性能优化指南
- Jquery性能优化(转自蓝色理想)
- jQuery性能优化指南(2)
- webservice 优化性能的方法,以返回Dataset为例,当大数据量时采用先压缩的方式,调用再解压缩
- jQuery 性能优化指南(2)
- jQuery性能优化指南(3)
- jQuery性能优化指南(2)
- jQuery如何对性能进行优化(三)
- jQuery性能优化指南
- jQuery 性能优化指南(2)
- jQuery 性能优化指南(3)
- jQuery性能优化指南
- jQuery性能优化指南(3)
- jQuery性能优化指南
- jQuery性能优化指南(3)
- jQuery 性能优化指南(2)
- jQuery性能优化指南(1)
- jQuery 性能优化指南 (1)