Skip to content

前端技术架构与工程

概述/总结

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 文档解析。

七、工程思维与服务支撑