4.1在檔案中參考js
1)使用外部檔案方式參考js;
2)將參考js的代碼集中放置在一起,可放置在之前或之前,嚴禁在body間分散放置;
3)使DOM結構和js代碼分離,禁止寫在標記內部;
4)如果是發布版本,請將多個穩定版本的js檔案壓縮、歸類放置到單個檔案內,壓縮和最小化js檔案,
4.2不直接操作DOM樣式,使用已在樣式表中定義的class來操作DOM樣式
4.3DOM加載
把需要再DOM加載后立即執行的代碼封裝在同一個函式執行,不要撰寫多個window.onload事件或jQuery的ready()事件,
4.4嚴禁使用多個library庫
4.5優化iQuery代碼,提高性能:
1)選擇器從最近的ID開始繼承或直接使用ID選擇器:$(“#id tag”);
2)選擇器在使用class前加上標簽名:$(“span.span1”);
3)盡量使用ID選擇器代替class;
4)要獲取子元素請使用子選擇器,而不要使用后代選擇器:$(“#id>span”);
5)緩沖jQuery物件,不要在代碼中重復出現相同的選擇器:var btn=$(“#id”);
6)使用data()存盤臨時變數;
7)限制直接操作DOM,在更新DOM前應該準備好需要的東西;
8)避免使用live()方法系結事件;
9)在父級元素監聽事件,對目標元素進行操作;
$(“#id”).click(function(e){var input=$(e.target);});
10)推遲加載拖放、影片、視覺特效等代碼,把可能會影響頁面加載速度的代碼系結到$(window).load()事件中,
本文由博客一文多發平臺 OpenWrite 發布!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/499531.html
標籤:其他
下一篇:初等數論
