作者:Rlog 时间: 2009-05-26 文档类型:翻译 来自:Time Machine
http://www.blueidea.com/tech/web/2009/6737.asp
为了方便大家学习和我以后的学习方便 真理了一下 (oo)(oo)(oo)(oo)
9. 推迟到 $(window).load
jquery对于开发者来说有一个很诱人的东西, 可以把任何东西挂到$(document).ready下冒充事件. 在大多数例子中你都会发现这样的情况.
尽管$(document).rady 确实很有用, 它可以在页面渲染时,其它元素还没下载完成就执行. 如果你发现你的页面一直是载入中的状态, 很有可能就是$(document).ready函数引起的.
你可以通过将jquery函数绑定到$(window).load 事件的方法来减少页面载入时的cpu使用率. 它会在所有的html(包括<iframe>)被下载完成后执行.
$(window).load(function(){
// 页面完全载入后才初始化的jQuery函数.
});
多余的功能例如拖放, 视觉特效和动画, 预载入隐藏图像,等等. 都是适合这种技术的场合.
10. 压缩js
推荐一个js在线压缩地址: http://dean.edwards.name/packer/
11. 全面掌握jquery库
知己知彼, 百战百胜. 只有更深入的了解jQuery才能更灵活的使用它. 这里提供一个jQuery的速查手册, 可以打印出来随身携带. 要是有能力将jQuery源码通读一遍那就更好了.
原文来自:jQuery Performance Rules ; 译文来自:Rlog.cn . 若转载请注明出处, 谢谢
分享到:
相关推荐
Jquery性能优化指南,web前端开发中,写出更高质量的代码
jQuery性能优化指南.pdf
jQuery性能优化指南,相信你也有你的idea,请共享出来吧。
JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南JQuery优化指南
JQuery性能优化 项目实践经验总结,大幅提升jquery性能
NULL 博文链接:https://aguang520.iteye.com/blog/814341
第10章 jQuery性能优化与最佳实践/312 10.1 优化选择器执行的速度/313 10.1.1 优先使用ID与标记选择器/313 10.1.2 使用jQuery对象缓存/314 10.1.3 给选择器一个上下文/315 10.2 处理选择器中的不规范元素标志/...
前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。
在jQuery中最快的选择器是ID选择器,因为它直接来自于JavaScript的getElementById()方法。
这并不是一个jQuery最佳实践,但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如,你想动态的创建一组列表元素,千万不要这样做,如下所示: var top_100_list = […], // 假设这里是100个独一无二的...
再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...
第1章 第一个简单的jQuery程序 jQuery事件的链式写法 控制jQuery对象 ...使用子查询优化选择器性能 减少对DOM元素直接操作 DOM对象与jQuery对象的类型转换 第11章 应用案例-聊天室系统 应用案例_图片切割
再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...
再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...
再接着对jquery ui和jquery实用工具函数等扩展知识,以及jquery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践...