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

  • 2020/04/07

第19章 添加JavaScript

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

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

  • 脚本和性能的最佳实践: (p376 - 377)
  • 阻塞行为: 在处理脚本的过程中,浏览器既不会瞎子啊该script元素后面出现的内容(哪怕是文本),也不会呈现这些内容。这成为阻塞行为。这条规则对嵌入脚本和外部脚本都有效。
  • 消除阻塞行为最简单的方式就是将所有的script元素放在HTML结束之前。
  • 如果确实需要将脚本放在head中,也需要放在css文件的link元素后面。
  • 另一种简单的加快脚本加载速率的方法就是将JS放在同一个文件中并压缩代码。通常,浏览器加载一个文件比加载两个(或更多)相同大小的文件要快一些。

代码压缩网站:

  • 每个脚本都按照他们出现在html中的顺序依次进行处理, 无论嵌入脚本还是外部脚本。
  • script元素必须有结束标签</script> 但是如果有src属性,则不能在元素开始和结束标签之间嵌入脚本内容。也就是说,对于任何script标签,要么使用src引入外部脚本;要么嵌入脚本,不使用src。

第20章 测试和调试网页

  • HTML代码检测网站: (p381)

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

  • CSS代码检测网站:

第21章 发布网站

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

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