《JavaScript DOM 編程藝術 第 2 版》
阿新 • • 發佈：2019-03-20
差異 文檔 觀點 漸進 ava 按鈕 最佳實踐 tab .cn
第 5 章 最佳實踐
- 平穩退化：
現在基本所有帶交互的網站都使用 Ajax，SAP 也火起來了，平穩退化真是很難實現了（看到第七章發現我之前的觀點是錯了） - 分離 JS
- 向下兼容
- 性能考慮
第 6 章 案例研究：圖片庫改進版
鍵盤訪問（提高可訪問性）
onclick 已經幫我們處理了，eg：下面這個綁定了 onclick 的按鈕鼠標左鍵點擊和 tab 然後回車一樣彈出 "clicked"
<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <body> <button onclick="alert('clecked')">"click" me</button> </body> </html>
DOM core 和 HTML-DOM
由於 HTML 與 XML 的相似性及差異，JavaScript 不僅實現了標準的 DOM 方法和屬性（即由 W3C 制定的），而且還實現了 HTML 特有的 DOM 方法和屬性。
DOM Core：標準的 DOM 方法和屬性
HTML-DOM：HTML 特有的 DOM 方法和屬性
第 7 章 動態創建標記
若元素存在只是為了讓 DOM 方法處理他們，那麽用 DOM 方法來創建他們才是最合適的選擇
== 漸進增強與 Ajax==
一開始以 Ajax 為起點設計網站很難做到平穩退化，但一開始用老式的頁面刷新機制設計網站，在此基礎上用攔截請求用 Ajax 技術處理就可以實現平穩退化。（漸進增強：HTML 全部完成 ->CSS 全部完成 ->JS 全部完成 -> 網站完成）
== 這樣得後端也得做一套頁面展示（點開鏈接和平穩退化用），前端不應再頁面加載時使 Ajax（應該由後端生成）==
第 8 章 充實文檔的內容
不應使用 DOM 技術將重要內容添加到網頁上
現在主流的 MVVM 框架全是使用 JS 生成 DOM。。
accesskey：快捷鍵
很多大網站都沒見用，FF 裏要 Alt+Shift+c 才能使用下面設置的快捷鍵
<a href="http://www.w3school.com.cn/css/" accesskey="c">CSS</a>第 11 章 HTML5
Modernizr：HTML5/CSS3 特性檢測庫
《JavaScript DOM 編程藝術 第 2 版》