JavaScript DOM编程艺术第5章 —— 最佳实践

本章的主要内容主要有四点，分别是：

• 平稳退化。即确保网页在没有JavaScript的情况下也能正常操作。
• 分离JavaScript。即把网页的结构和内容与JavaScript脚本的动作行为分开。
• 向后兼容性。即确保老版本的浏览器也能兼容JavaScript脚本。
• 性能考虑。即确定脚本执行的性能最优。

一、平稳退化

1. 什么是平稳退化？

　如果访问者的浏览器不支持 JavaScript 或禁用了 JavaScript，但他们还能顺利的浏览网站，这就是平稳退化。

2. 如何实现平稳退化？

    能在html标签上添加以“代替”js代码东西，尽量都添加上。这样，当浏览器不支持js时，还有html标签属性。

3. 为什么要强调平稳退化？

• 为了那些不支持或者禁用掉JavaScript的浏览器。（即使很少）
• 搜索机器人。大多数搜索机器人只能理解html代码，因此平稳退化非常重要。

五、其它一些知识点

1. "javascript:"  伪协议

• 使用方式：  “javascript: ( js代码 )”，即可执行一段js代码。（这个之前有在其它博客中看到过，当时感觉很神奇hhh）
• 什么是伪协议、“真”协议？伪协议是一种非标准化协议，“真”协议是因特网上的计算机之间传输数据包的协议，比如HTTP、FTP等等

2. 要尽量少访问DOM和标记。首先，每次查询DOM中的某些元素时，浏览器会搜索整个DOM树，从中查找可匹配的元素。如果多次查询，效率很低；其次，要尽量减少标记，因为过多不必要的元素只会增加DOM树规模，进而增加遍历DOM树查找特定元素的时间。

3. 尽量将html与js代码分离，分离的越开越好！

4. onload事件：当window对象触发onload事件时，document对象已经存在（DOM加载完毕）