《javascript DOM 編程藝術》學習筆記(一)

    書籍已經看完了前六章的內容,有了必定的編程基礎後以爲本書內容相對來講過於簡單,應該是徹底針對於初學者的(或者如做者所說是寫個Web設計師的),做者在表述一個問題,一句代碼都解釋得很是囉嗦與重複,不過從書中學習到更多的,也是做者想讓讀者體會的是讓你們理解DOM腳本編程技術背後的思路和原則,做者特別以早期Javascript的濫用來強調Web的規範與標準,這一點是很是值得學習的,也是一個程序員的基本素養。javascript

    截止到第六章,將所學到的知識點概括以下:php

    1.基本語法:與php同樣是弱類型語言,雖然功能強大,使用起來更加方面,但我仍是更加喜歡C/C++這類強類型語言,使用起來更有安全感java

    2.DOM:文檔對象模型(Document Object Model),將這個網頁文檔理解成一棵樹使用getElementById/getElementByTagName/getElementByClassName/getAttribute/setAttribute等方法來獲取節點元素(對象)以及對其屬性的獲取與設置node

    3. 事件處理函數:onclick在圖片庫中的使用,childnode屬性程序員

    下面是比較重要的幾點:web

     1.平穩退化:保證在瀏覽器不支持javascript的狀況下仍能順利瀏覽網站 (保留原來的鏈接)編程

     2.漸進加強瀏覽器

     3.代碼分離:與CSS相似,將javascript這行爲層儘量地分離出來,使得javascript代碼再也不依賴於HTML文檔的內容和結構,易於修改和維護安全

                     特別注意事件處理函數的處理以及共享onload事件性能優化

     4.對象監測:不要做太多假設

     5.性能優化: 不要重複搜索整棵文檔樹

    另外:區分DOM Core(不限於js)和HTML-DOM (只能用於web文檔)區別

            e.g.   element.getAttribute("src")   --------  element.src

相關文章
相關標籤/搜索