7个jQuery最佳实践_jquery

随着富网络应用（rich web applications）数量的增长，以及用户对快速交互响应的高期望，开发者开始使用JavaScript库来快速高效的完成一些重复性的工作。这其中最流行的JavaScript库就是jQuery。但是jQuery的大量应用却带来了另外一个问题：在使用JavaScript库的时候，有哪些最佳实践，又有哪些不好的实践呢？

背景

在这篇文章中，我会给大家介绍在编写、调试和审查JavaScript代码的时候一些好的实践（至少我是这么认为的）。事实上，我选择了其中7个最常见的场景。

1、使用CDN及其回退地址（fallback）

CDN代表内容传递网络（Content Delivery Network），是一个缓存了JavaScript文件的服务器。使用CDN之后，每当一个新用户发起请求的时候，你的应用程序可以使用CDN缓存，而不用从你的服务器上重新加载库文件。Google、Microsoft和JQuery都提供CDN服务。

鉴于网络并不总是100%可靠，服务器也可能因为一些原因宕机，你必须要确保即使这些事情发生，你的应用程序依然能正常运行。这时候我们就要用到回退地址：当应用程序无法找到缓存库的时候，它就会回退回来，使用服务器文件。

Google CDN 是这样的：

Microsoft CDN是这样的：

需要注意的是，我们没有指定URL协议为http而是使用的//。这是因为CDN服务器支持http和https，如果你的网站拥有SSL认证，你无须修改就可以正常加载文件。

另外，就像我之前提到的那样，我们还需要一个回退地址，以防CDN服务器出现问题。

’)

当然，你也可以用Require来配置需要的jQuery，不过我觉得就这样也不错。

2、限制DOM交互

用JavaScript操作DOM树是存在性能消耗的。jQuery也一样。所以，尽量减少与DOM的交互吧。当我帮助我一个同事提高数据显示速度的时候，我看见他在一个循环里面使用了选择器。这简直是性能杀手！他是这样写的：

containerDiv = $("#contentDiv");
for(var d =0; d " + d + "

"); }