Jquery代码优化

(1)选对选择器:

         快的选择器:ID/标签选择器,因为jquery内部会自动调用浏览器的原生方法,(如:getElementByID,,,);

              较慢的选择器:class值选择器。取决不同的浏览器,有些浏览器有原生方法getElementByClassName(),但是一些浏览器没有。

              最慢的选择器:伪类选择器,属性选择器。没有针对他们的原生方法,但是一些浏览器存在querySelector(),querySelectorAll(),

(2)给定一个DOM对象,然后从中选择一个子元素:

       最快:最佳选择是$parent.find('.child')。而且,由于$parent往往在前面的操作已经生成,jQuery会进行缓存,所以进一步加快了执行速度。

(3)不要过度使用jQuery:

         jQuery再快也无法和原生javascript相比,所有可以使用原生js的场合,尽量避免使用jQuery.

(4)做好缓存:

         jQuery允许使用链式写法,jQuery自动缓存每一步的结果,所以比非链式写法快。

(5)事件委托

         利用冒泡事件,子元素的事件会逐级向上冒泡,成为父级元素的事件,利用这点大大简化事件的绑定。

(6)少改dom:

         改dom的结构开销很大,减少使用.append(),.insertBefore(),insertAfter();

(7)尽量少生成jQuery对象

         每使用一次选择器,就会生成一个jQuery对象,jQuery是一个很庞大的对象,里面有很多属性和方法。所以尽量少创建jQuery对象。

 我觉得差不多讲这么多可以了,其他的你可以找找。

         

posted @ 2020-10-30 10:45  小布pro  阅读(80)  评论(0)    收藏  举报