JavaScript DOM編程藝術 學習筆記(五)最佳實踐


平穩退化:

正確使用JavaScript腳本,讓訪問者在它他們的瀏覽器不支持JavaScript的情況下能順利瀏覽你的網站,這就是所謂的平穩退化(graceful degradation),即雖然某些功能無法使用但最基本的操作能順利完成。


分離JavaScript

htmlcss(表示層)的分離

htmljavaScript(行爲層)的分離

html中元素的事件也可以分離出來  element.event = action而不是放在htmleventname = “”;這樣


向後兼容:

比較古老的瀏覽器很可能無法理解DOM提供的方法和屬性,因此就算支持JavaScript也不一定能正常工作。

針對這個問題的最簡單的解決方案就是檢測瀏覽器對javaScript的支持程度

eg: if(document.getElementById) 即此瀏覽器支持此方法


性能優化:

  1. 儘量少訪問dom和儘量減少標記(也是爲了減少dom樹的規模)
  2. 合併js:不要鏈接多個js文件,儘量合併到一個腳本中,可以減少加載頁面時發送的請求數量。
  3. 放置js:位於<head>塊中的腳本會導致瀏覽器無法並行加載其他文件,所以把<script>標籤放到文檔的末尾,</body>之前,就可以讓頁面變得更快。而且就算放到文檔的末尾,window對象的load事件仍然可以對文檔進行各種操作。(而css的外部鏈接應放在<head>裏引用)
  4. 壓縮js:把腳本文件中不必要的字節如空格註釋刪除(可以藉助工具有的工具甚至會精簡變量名一般精簡的副本文件名加上min字樣例如xxx.min.js 壓縮工具見第92頁) 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章