JS技术

提升jQuery性能的十个技巧

字号+ 作者: 来源:网络    2014-11-17 20:00 我要评论( )

jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题。文章就以jQuery为例,为大家提供了10个有效提升jQuery性能的小技巧。 1. 使用最新版本 jQuery一直处于

  jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题。文章就以jQuery为例,为大家提供了10个有效提升jQuery性能的小技巧。

  1. 使用最新版本

  jQuery一直处于不断的开发和改进过程中。John和他的团队不断研究着提升程序性能的新方法。

  

jQuery

 

  如果你不想时刻关注是否有新版本,然后再花时间下载上传,Google就又能帮你一把了。他们的服务器上存储了大量Ajax库供您选择。

 

  1. <!-- 利用一个简单的script标签调用API --> 
  2. <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  3. <script type="text/javascript"> 
  4. /* 加载 jQuery v1.3.2 */  
  5. google.load ("jquery", "1.3.2", {uncompressed: false});  
  6.  
  7. /* 加载完成后弹出消息 */  
  8. function onLoad () {  
  9. alert ("jQuery + Google API!");  
  10. }  
  11.  
  12. google.setOnLoadCallback (onLoad);  
  13. </script> 

  编辑按:另一个更为简单快速的方法是直接使用脚本链接。如果要使用特定版本的jQuery,你可以使用上面的方法;如果想直接使用最新版,下面这句代码就够了:

 

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 

  笨活儿:特定版本的还可以这样加载:

 

  1. script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

  2. 合并、最小化脚本

\

  大部分浏览器都不能同时处理多个脚本文件,所以它们都是排队加载——加载时间也相应地延长了。

  考虑到你网站的每个页面都会加载这些脚本,你应该考虑把它们放到单个文件中,然后利用压缩工具把它们最小化。更小的文件无疑将带来更快的加载速度。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 高性能动画“box-shadow”属性 - FedFun - 博客频道 - CSDN.NET FedFun 爱前端,乐分

    高性能动画“box-shadow”属性 - FedFun - 博客频道 - CSDN.NET FedF

    2015-12-14 16:15

  • 网页常用小技巧—javascript篇_javascript教程教程

    网页常用小技巧—javascript篇_javascript教程教程

    2015-10-09 13:18

  • 提高代码性能技巧谈—以创建千行表格为例_javascript教程教程

    提高代码性能技巧谈—以创建千行表格为例_javascript教程教程

    2015-10-08 12:00

  • JavaScript方法和技巧大全_javascript教程教程

    JavaScript方法和技巧大全_javascript教程教程

    2015-10-07 18:00

网友点评
g