HTML5与CSS3基础教程-19~21章 添加JavaScript、测试和调试网页、发布网站

《HTML5与CSS3基础教程（第8版）》 读书笔记

• 2020/04/07

第19章 添加JavaScript

• 前端JS脚本引用类型： 外部脚本、嵌入式脚本、内联脚本（如在元素的事件属性上直接制定js片段等）。

  要避免使用内联脚本，正如内联样式一样，它将html和js脚本纠缠在一起，这与将他们分开的最佳实践不符。

• 脚本和性能的最佳实践： （p376 - 377）

  • 阻塞行为： 在处理脚本的过程中，浏览器既不会瞎子啊该script元素后面出现的内容（哪怕是文本），也不会呈现这些内容。这成为阻塞行为。这条规则对嵌入脚本和外部脚本都有效。

    • 消除阻塞行为最简单的方式就是将所有的script元素放在HTML结束之前。
    • 如果确实需要将脚本放在head中，也需要放在css文件的link元素后面。

  • 另一种简单的加快脚本加载速率的方法就是将JS放在同一个文件中并压缩代码。通常，浏览器加载一个文件比加载两个（或更多）相同大小的文件要快一些。

    代码压缩网站：

    • Google Closure Compiler
    • UglifyJS
    • YUI Compressor

• 每个脚本都按照他们出现在html中的顺序依次进行处理， 无论嵌入脚本还是外部脚本。

• script元素必须有结束标签， 但是如果有src属性，则不能在元素开始和结束标签之间嵌入脚本内容。也就是说，对于任何script标签，要么使用src引入外部脚本；要么嵌入脚本，不使用src。

---

第20章 测试和调试网页

• HTML代码检测网站： （p381）

  • HTML5 validator
  • W3C validator

  上述检验器不会检查一致性问题（如使用不标准的标签闭合方式>等），这种一致性问题可以使用HTML Lint来检查。它可以检查空元素是否闭合、开始结束标签是否为小写字母，属性是否为小写字母等。

• CSS代码检测网站：

  • W3C CSS validator

---

第21章 发布网站

• 当修改域名服务器设置时， 通常需要24小时至48小时（最长不会超过72小时）的时间，相应的更新才能传播到整个万维网。(p394)

---

《HTML5与CSS3基础教程》 读书笔记 The End