jQuery – 改进性能/代码
我刚开始使用jQuery,我一直在寻找一些关于如何提高代码速度/性能的资源。 我想知道是否有人有任何可能帮助我的提示或资源。
谢谢,
BEV
我有一些关于这个主题的书签,希望他们会帮助你满足你的需求。 (主题范围从简单到高级)
jQuery性能规则主题包括:
- 总是从#id下降
- 在课前使用标签
- 缓存jQuery对象
- 利用链接的力量
- 使用子查询
- 限制直接DOM操作
- 利用事件委派(又称冒泡)
- 消除查询浪费
- 推迟到$(window).load
- 压缩你的JS
- 学习图书馆
jQuery性能和优化提示主题包括:
- 保持最新! 您使用的是过时的方法和技术吗?
- 上下文感知jQuery代码执行 – 您是否正在加载不需要的代码?
- jQueryunit testing
- 对您的jQuery代码进行基准测试
- 使用一个压缩的主JS文件将下载时间降至最低。
- 背景与 找
- Window.load一路上。
- 在使用JavaScript和jQuery之间取得平衡
jQuery性能调优技巧 – 保罗爱尔兰主题包括:
- 优化Sizzle“从右到左”模式的选择器
- 使用live()而不是click()
- 在玩它们的同时从元素中拉出元素
- 使用find()而不是context
- 使用HTML 5
- 样式化15个或更多元素时附加样式标记
- 使用Google Page Speed测试选择器
- 即使jQuery没有抛出错误,也要使用对象检测
- 使用直接function而不是方便function
- 学习鲜为人知的方法
使用大型数据集改进jQuery性能主题包括:
- 使用JavaScript native for()循环而不是jQuery的$ .each()帮助器
function。- 不要在循环中将元素追加到DOM中。
- 如果要将大量元素插入到DOM中,请将它们包围起来
使用父元素以获得更好的性能。- 不要使用字符串连接,而是使用数组的join()方法来处理非常长的字符串。
- 使用setTimeout()函数进行长列表循环和连接
function。
希望这些足以让您开始踏上jQuery性能天堂之旅。