jquery性能优化高级技巧

发布时间:2017-04-13 15:44:45 编辑:站点网
有时候我们在书写jquery的时候,为了书写代码方便,往往忽略了程序执行过程中,给客户端带来的压力。随之而来的就是在某些低端浏览器或者低端电脑上运行速度缓慢,甚至无法运行等问题。因此我们有必要对我们自己书写的jquery代码进行优化,以达到更快捷、更流畅的运行效果。jquery性能优化高级技巧,下面主要从七个方面对jquery性能优化做介绍:1.通过CDN(Content Delivery Network)引入jQuery库2.减少DOM操作3.适当使用原生JS4.选择器优化5.缓存jQuery对象6.定义一个可以复用的函数7.用数组方式来遍历jQuery 对象集合下面详解每一个方法的具体说明:通过CDN(Content Delivery Network)引入jQuery库要提升网站中javascript的性能的最简单的一步就是引入最新版本的jQuery库,新发布的版本通常在性能上会有更好的提升而且也修复了一下bug。或者通过CDN引入也是很好的选择,通过CDN引入能够减少网站的加载时间。以下是一些CDN服务:<!-- Case 1 - jQuery CDN --><script src="http://code.jquery.com/jquery-1.10.2.min.js" ></script><!-- Case 2 - requesting jQuery from Googles CDN (notice the protocol) --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script><!-- Case 3 - requesting the latest minor 1.10.x version (only cached for an hour) --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10/jquery.min.js" ></script><!-- Case 4 - requesting the absolute latest jQuery version (use with caution) --><script src="http://code.jquery.com/jquery.min.js" ></script>一些国内的CDN服务:http://www.bootcdn.cn/jquery/<!--新浪 CDN--><script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script><!--百度 CDN--><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><!--Bootstrap CDN-->http://www.bootcdn.cn/jquery/
更多相关内容:
    无相关信息
 1/5    1 2 3 4 5 下一页 尾页
[!--temp.cy--]