前端技术架构与工程
概述/总结
TODO
一、前端工程化
二、编程语言
三、技术规范
四、组件化
五、前后端分离
六、性能
6.1 性能的主要瓶颈
6.2 网络
6.3 渲染
js
// 同步 JS
// defer JS:推迟
// async JS:异步
不论 script 标签上无论是否有 defer 或 async 属性,均会立即下载其 src 指定的 JS 文件。
defer 和 async 的共同之处是,JS 文件的下载过程均不会阻塞 HTML 文档解析和渲染,这是他们优于同步 JS 的主要原因。
defer&async
立即下载,且【下载过程】不阻塞 HTML 文档解析
defer:多个 JS 文件时,下载完成顺序可能不一致,但执行顺序一致。会等到 HTML 解析完成后才依次执行。
async:多个 JS 文件时,下载完成顺序可能不一致,执行顺序也可能不一致。下载完成后会立即执行,会阻塞 HTML 文档解析。