hopsken 发布的文章

json5-logo

JSON5 是 JSON 的一个超集,通过引入部分 ECMAScript 5.1 的特性来扩展 JSON 的语法,以减少 JSON 格式的某些限制。同时,保持兼容现有的 JSON 格式。

JSON5 更像是 JavaScript 中的对象,但是它并不是 JSON 官方的扩展,所以需要 json5 作为文件扩展名。

- 阅读剩余部分 -

async 和 defer 都是 HTML 4.01 中定义的 <script> 标签的属性,都被用于改变处理外部脚本的行为。一般来说,当浏览器解析到 script 标签时,会暂停 HTML 解析器,开始下载、解析、执行外部脚本,执行完成之后在继续解析 HTML。但是某些情况下,我们并不希望 JavaScript 的执行阻塞 HTML 的渲染,于是 defer 和 async 就派上用场了。

defer 属性

defer 属性的中文含义是『推迟执行』,用于表明脚本在执行时不会影响页面的构造,即脚本会被延迟到整个页面都执行完毕再执行。

理论上,具有 defer 属性的若干个脚本会按照在页面中出现的顺序依次执行,且会优先于 DOMContentLoaded 事件执行。但是,根据浏览器的具体实现,defer 脚本并不一定按顺序执行,也不一定先于 DOMContentLoaded 事件。因此同一个页面最好只有一个 defer 脚本。

- 阅读剩余部分 -

单位是我们控制尺寸的重要工具,也是我们在编写 CSS 代码时会经常使用到的。CSS 的单位主要分成两种:绝对单位和相对单位。

绝对单位

CSS 中的绝对单位包括:mm(毫米),cm(厘米),in(英寸),pt(点),pc(派卡)。

  • mm,cm,in 这三个都很好理解,就是我们拿着尺子对着屏幕量出来的真实宽度。不过说起来,现在全世界貌似只有美帝还在使用英寸作为长度单位,从侧面也可以看出美帝的影响力。(1英寸=2.54厘米)
  • pt 和 pc 这两个倒是不怎么常见。其中,pt(点)其实是一种标准印刷度量单位,长度上1英寸=72点。pc(派卡)也是印刷术语,1派卡=12点=1/6英寸。

事实上,我们很少需要用到绝对单位。因为一般来说我们网页需要在各种不同大小的屏幕上显示,使用绝对长度很难确保内容显示的一致性。

- 阅读剩余部分 -