这是学习笔记，仅供学习所用！
第5章 最佳实践
5.1 过去的错误
5.2 平稳退化
网站的访问者完全有可能使用的是不支持JavaScript的浏览器，还有一种可能是虽然浏览器支持javaScript，但用户已经禁用它了（比如，因为讨厌看到弹出广告）。
如果正确地使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站，这就是所谓的平稳退化（graceful degradation），就是说，虽然某些功能无法使用，但最基本的操作仍能顺利完成。
5.2.2 内嵌的事件处理函数
<a>标签的事件处理函数，就是把onclick事件处理函数作为属性嵌入<a>标签，如下所示：
<a href="#" onclick="popUp('http://www.example.com/'); return false;">Example</a>因为在上面这条HTML指令里使用了return false语句，这个链接不会真的被打开。“#”符号是一个仅供文档内部使用的链接记号（单就这条指令而言，“#”是未指向任何目标的内部链接）。在某些浏览器里，“#”链接指向当前文档的开头。把href属性的值设置为“#”只是为了创建一个空链接。实际工作全部由click属性负责完成。
这样的做法并不推荐，因为它不能平稳退化，如果用户已经禁用了浏览器的JavaScript功能，这样的链接将毫无用处。
5.2.3 谁关心这个
// 可以这样
<a href="http://www.example.com/" onclick="popUp('http://www.example.com/'); return false;">Example</a>
// 更推荐这样
<a href="http://www.example.com/" onclick="popUp(this.href); return false;">Example</a>hfre属性设置为真实存在的URL地址后，即使JavaScript已被禁用，这个链接也是可用的。这是一个经典的“平稳退化”的例子。
5.3 向CSS学习
5.3.1 结构与样式的分离
CSS技术的最大优点是，它能够帮助你将Web文档的内容结构（标记）和版面设计（样式）分离开来。
5.6 性能考虑
5.6.2 合并和放置脚本
包含脚本的最佳方式就是使用外部文件，因为外部文件与标记能清晰地分离开，而且浏览器也能对站点种的多个页面重用缓存过的相同脚本。
传统上，我们把脚本放在文档的<head>区域，这种放置方法有一个问题。位于<head>块种的脚本会导致浏览器无法并行加载其他文件。一般来说，根据HTTP规范，浏览器每次从同一个域名种最多只能同时下载两个文件，所有其他资源都要等脚本加载完毕后才能下载。
所以把<script>标签都放到文档的末尾，</body>标记之前，就可以让页面变得更快。
第7章 动态创建标记
动态添加标记的两种“传统的”技术：
- document.write方法
- innerHTML属性
利用DOM方法来动态创建标记：
- createElement 方法
- createTextNode 方法
- appendChild 方法
- insertBefore 方法
使用这些方法的关键是将Web文档视为节点树。请记住，你用createElement或createTextNode方法刚刚创建出来的节只是JavaScript世界里的孤儿。利用appendChild或insertBefore方法，可以把这些DocumentFragment对象插入某个文档的节点树，让它们呈现在浏览器窗口里。
第9章 CSS-DOM
浏览器里看到网页由三层信息构成：
- 结构层由HTML或XHTML之类的标记语言负责创建；
- 表示层由CSS负责完成；
- 行为层负责内容应该如何响应事件这一问题。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。