前端知识结构（个人理解） ECMA、TC39、Stage 4

• HTML 决定内容与层级关系
• CSS 决定表现方式（样式）
• JS 控制行为，监听事件操作DOM（HTML、CSS）

---

发展

1. 早期公共的部分可被复用的内容被整合成独立文件，以供复用提高开效率。
   如JQuery、bootstrap等；
   js 的各种工具库（lodash，dayjs）
   css 的样式库动画库（Animate）

2. 面对开发过程中存在的问题，三基石也是不多发展完善的（HTML5、CSS3、ES6+；

随着前端项目规模的扩大，模块化的需求深入人心

1. HTML 出现了虚拟DOM技术
2. CSS @include、css的预编译如 scss , less等
3. JS Common.js 到 ES module

3. 依赖管理 Node npm(node包管理工具) 可以方便的对项目进行包的引入和删去，省去人工维护各类库的繁琐。

当然 node 远不止于次
Node.js 提供服务端的js运行环境，让js可以脱离浏览器运行，能够成为后端语言。
node 可以操作 js 库，可以为框架提供环境，在浏览器之外实现项目的打包优化

4. 构建工具，如rollup、Webpack、esbuild，来对项目进行压缩优化，执行一些转化自动化操作。
5. 上层框架 前端项目来进行开发管理的解决方案。如Vue、React、Angular等

---

前端的几个方向

• Web页面 SPA单页面应用 兼容移动端响应式布局
• 基于H5移动端app
• 小程序 以及比较火的 uni-app
• 基于Electron的桌面应用
• 还有小的分支，专门做效果、动画，3D；涉及WebGL等技术。

期待前端早日形成统一标准 😃

ECMAScript、ECMA-262、TC39、Stage 3 、Stage 4 科普
最新标准
2015 年起，ECMAScript 终于步入正轨，每年发布一次版本，到了 2021 年，已经发布了 6 个版本了，实在太多，所以用变革了 JavaScript 时代的 ES6 作为后续版本的代称
一旦提案到了Stage 4，那么它就可以使用了。