国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery教學之性能優化

2024-05-06 16:05:59
字體:
來源:轉載
供稿:網友
jQuery是一款非常優秀的javascript框架,當我們使用到jQuery后就再也不想回到javascript時冗長的代碼,那么jQuery的優化就擺在了我們的面前。那么我們優化JQuery應該從那些方面入手呢?

jQuery是一款非常優秀的javascript框架,當我們使用到jQuery后就再也不想回到javascript時冗長的代碼,那么jQuery的優化就擺在了我們的面前。那么我們優化JQuery應該從那些方面入手呢?

        1、使用最新版本的jQuery

        新版本相對于舊版本會做性能上的改進,還有就是添加新功能。

        2、選擇器的使用

        我們通常會使用id選擇器、class選擇器、元素選擇器、偽類選擇器和元素選擇器。在使用時我的建議是最好使用id選擇器,其次是class選擇器>元素選擇器>Element選擇器>偽類選擇器。

        說到選擇器時,不可必選的要插上一句,在使用選擇器查最好是從具有id的父元素開始逐級向下查找。

        3、不要過度的使用jQuery

        記住一句話原生的是最快的。jQuery是write less,do more(寫的更少,做的更多)。

        4、做好緩存

        當時要重復使用一個節點是可以使用一個變量存放,在使用時再調用。避免重復獲取節點,降低效率。

復制代碼 代碼如下:


var inputSelect = $("#head .head_right input");
inputSelect.find("a");
inputSelect.find("i");

        5、使用鏈式操作

        jQuery的一大亮點,就是可以使用鏈式操作。

復制代碼 代碼如下:


$("#content").find(".div").eq(2).html("Hello World");

        6、事件委托

        當需要多個同級元素執行一種類型的事件時,可以采用事件委托的方式。例:

復制代碼 代碼如下:


<div>
    <div><div>
    <div><div>
    <div><div>
    <div><div>
    <div><div>
<div>

    當每個class="div"的div都具備一個click事件的時候我們可以采取事件委托,

復制代碼 代碼如下:


$("#content").on("click","div",function(){   
    $(this).css("color","#ff5500");
  });

        7、正確處理循環

         循環是一種較耗時的操作,如果可以使用選擇器直接選中元素,就不要使用循環去一個個的遍歷元素。

        Javascript的原生方法for和while,要比jQuery的each()快。所以應該優先使用原生的方法。

        8、減少JQuery對象的生成

        生成Query對象就會生成對應的屬性和方法,比較占用資源。所以盡量減少jQuery對象的生成。

        9、變量的作用域

        當一個變量不需要 在多個函數調用時,應該把變量放在函數內,減少代碼執行時查找代碼的時間。

        10、將某些函數推遲到$(window).load執行

        $(document).ready確實好用,但是它可以再頁面渲染時,其他元素還沒有下載完成就執行。

        11、腳本的合并

        腳本都是一一被加載的,減少腳本數量也能提高效率。

        12、元素封裝

        當給一個節點插入一個內容,可以先把內容進行封裝,再插入。

復制代碼 代碼如下:


var content = "";
$("#head").html(content);

        另外就是進行js文件的壓縮。

        隨著jQuery的不斷被使用,越來越多的優化方法會被發現。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 沅陵县| 栾城县| 崇礼县| 苗栗市| 平定县| 甘谷县| 南郑县| 阿城市| 东阿县| 高州市| 青铜峡市| 泰顺县| 汝南县| 札达县| 林口县| 左权县| 瓦房店市| 房山区| 沙湾县| 徐闻县| 水富县| 宁陵县| 股票| 林甸县| 沂水县| 北碚区| 普兰县| 靖远县| 黑龙江省| 通州区| 清镇市| 衡阳市| 南江县| 武义县| 墨竹工卡县| 崇阳县| 长武县| 西盟| 田阳县| 若尔盖县| 石嘴山市|