7个jquery最佳实践_jquery

7个jquery最佳实践_jquery

ID:30747511

大小:50.50 KB

页数:4页

时间:2019-01-03

7个jquery最佳实践_jquery_第1页
7个jquery最佳实践_jquery_第2页
7个jquery最佳实践_jquery_第3页
7个jquery最佳实践_jquery_第4页
资源描述:

《7个jquery最佳实践_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、7个jQuery最佳实践随着富网络应用(richwebapplications)数量的增长,以及用户对快速交互响应的高期望,开发者开始使用JavaScript库来快速高效的完成一些重复性的工作。这其中最流彳亍的JavaScript库就是jQuery。但是jQuery的大量应用却带来了另外一个问题:在使用JavaScript库的时候,有哪些最佳实践,又有哪些不好的实践呢?£jQuerv■writgdomore背景在这篇文章中,我会给大家介绍在编写、调试和审查JavaScript代码的时候一些好的实践(至少

2、我是这么认为的)。事实上,我选择了其中7个最常见的场景。1、使用CDN及其回退地址(fallback)CDN代表内容传递网络(ContentDeliveryNetwork),是一个缓存了JavaScript文件的服务器。使用CDNZ后,每当一个新用户发起请求的时候,你的应用程序可以使用CDN缓存,而不用从你的服务器上重新加载库文件。Google、Microsoft和JQuery都提供CDN服务。鉴于网络并不总是100%可靠,服务器也可能因为一些原因宕机,你必须要确保即使这些事情发生,你的应用程序依然能正

3、常运行。这时候我们就要用到回退地址:当应用程序无法找到缓存库的时候,它就会回退回来,使用服务器文件。GoogleCDN是这样的:MicrosoftCDN是这样的:需要注意的是,我们没有指定U

4、RL协议为http而是使用的//。这是因为CD7服务器支持htlp和https,如果你的网站拥有SSL认证,你无须修改就可以正常加载文件。另外,就像我之/而提到的那样,我们还需耍一个回退地址,以防CDN服务器出现问题。,)当然,你也可以用Require来配置需要的JQucry,不过我觉得就这样也不错。2、限制D0M交互用Java

7、Script操作DOM树是存在性能消耗的。jQuery也一样。所以,尽量减少与DOM的交互吧。当我帮助我一个同事提高数据显示速度的吋候,我看见他在一个循环里面使用了选择器。这简直是性能杀手!他是这样写的:containerDiv=$("#contentDiv");for(vard=0;d"+d+z,

z,);}有什么问题呢?咋一看没啥

8、问题。而且我的同事也说这段代码跑得很欢乐呢!我真是哗了狗了!当TotalActions小于50时,察觉不到任何问题;但是其达到25000的时候,速度便降低了很多,原因(我也是google到的)就是D0M交互放到了循环当中。对于这个功能,(多次尝试失败Z后)我将循环屮的直接D0M交互替换成了一个数组的push操作,然后用一个空字符串作为分隔符将数组连接(join)起来。最后,程序当然变得更加流畅和高效了。varmyContcnt=[];for(vard=0;d

9、ntent,push(z,"+d+,z

,z);containerDiv.html(myContent.join(""));3、缓存jQuery最重要也是最有特色的地方,就是它的选择器以及在DOM树屮查找HTML元索的方式。但是,我多次看到,一些开发者在同一个函数中,多次调用相同的选择器,比如$(“#divid”)。尽管JQuery选择元素非常快,但也不要每次都去查找相同的元素吧。所以,你可以像这样缓存的你元素:v

10、ar$divld二$(〃#divld〃)然后在接下來的代码中,就可以用$divld了。对于卜•血的代码:varthefunction=function(){$(〃#mydiv〃).ToggleCiass(〃zcleiss〃);$("#mydiv").fadeOut(800);varthefunctior)2二function(){$("#mydiv〃).addAttr("namcz,);$("ttaydiv")・fadeln(400);我们

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签