有效提高 jQuery 代码效率的25个技巧

jQuery是一款很是优越的JavaScript框架，关于它的更多先容请点这里。本日猛火小编清算了些进步jQuery服从的小能力发给各人，但愿对列位伴侣有所辅佐。

1. 从Google Code加载jQuery

Google Code上已经托管了多种JavaScript类库，从Google Code上加载jQuery比直接从你的处事器加载更有上风。它节减了你处事器上的带宽，可以或许很快的从Google的内容漫衍收集(CDN)上加载JS类库。更重要的是，假如用户会见那些宣布在Google Code上的站点后它会被缓存下来。

这样做很故意义。有几多站点行使了没有被缓存的沟通jQuery副本，而这些很轻易做到:

<script src="<SPAN><A href="http://www.google.com/jsapi">http://www.google.com/jsapi</A>"></script>

<script type="text/javascript">

// Load jQuery

google.load("jquery", "1.2.6");

google.setOnLoadCallback(function() {

// Your code goes here.

});

</script>

<script src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

// Load jQuery

google.load("jquery", "1.2.6");

google.setOnLoadCallback(function() {

// Your code goes here.

});

</script>

可能，你可以或许直接引用JS:

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

这里有具体的用法声名

2. 行使备忘单
不只仅是jQuery，许多编程说话也有相同的备忘单，在一张A4的纸上就可以很轻易看到每个函数的用法。荣幸的是已经有好意的家伙把jQuery的备忘单做得很完美了：
http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/

http://colorcharge.com/jquery/

【译注】
jQuery 1.3 Cheat Sheet

3. 整合全部的剧本并缩减它们

不错，这是JavaScript的一个常见能力。然则一个行使了jQuery的大项目也许行使了许多相干的jQuery插件(本站就行使了easing,localScroll,lightbox,preload)，因此它凡是是合用的。赏识器不能同时加载JS剧本（大大都环境下），这意味着假如你统一时刻加载许多剧本的话，将减缓页面的加载速率。因此，假如每个页面都要加载这些剧本，你应该思量在宣布之前将这些剧本整合成一个稍大的JS剧本。一些jQuery插件已经最小化了，可是你应该打包你的JS剧本和那些没有缩减过的剧本，这仅必要几秒的时刻就可以完成。

就小我私人而言，我保举Packer by Dean Edwards

4. 行使Firebug精彩的节制台日记器材
假如你还没有安装Firebug，那么你真的应该把它装上。除了很多其余有效的特征（好比应承你搜查http传输环境、发明你的CSS题目），它也有极好的日记呼吁，应承你很轻易调试JS剧本。
这里有Firebug全部特征的具体声名。
我最喜好的特征有”console.info“，通过它你可以把信息和变量值输出到节制台上，而不必行使alert；”console.time”则应承你在一组代码上配置按时器，从而计较出JS剧本运行所耗费的时刻。这统统都很轻易做到:

console.time('create list');

for (i = 0; i < 1000; i++) {
var myList = $('.myList');
myList.append('This is list item ' + i);
}

console.timeEnd('create list');

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!