写前端是在写什么？

边界

从需求出发，思考前端技术与框架 接触更复杂的需求

三件套

需求：展示页面——DOM（页面级） HTML 和 js 本质上没有区别，都是在告诉浏览器，需要什么样的 DOM HTML：描述 DOM JS：操作 DOM（声明起来比较麻烦） 运行在浏览器

框架

需求：展示+复杂（app 级）

1. 同步状态 响应式
2. 可读性 声明式
3. 可维护 工程化（eslint 之流）、模板、规范（ts 之类）
4. 开发思路 基于数据流的开发，封装了 DOM 操作

维护成本 > 开发成本 原则、规范

前端

写前端是在写什么？

1. UI = DOM + 回调
2. 测试（unit e2e）
3. 工具（文件的读写） nodejs 异步模型有利于文件读写，rust 性能高 思考方式：工具/业务 反思需求->工具开发

js：语法/规范 现代开发（基于脚手架的开发）写的代码先运行在本地服务器（nodejs），编译过程

脱离了浏览器环境（三件套只能在浏览器下写），因此可以引入一系列扩展

运行时

nodejs：提供了操作系统相关能力（文件读写） 浏览器：DOM->页面 SSR 全栈框架，可以针对 nodejs/浏览器环境写不同代码

编译时

vue 重编译，react 重运行