前端发展史
一、是什么
前端发展史是指 Web 前端技术从诞生到现代工程化体系演进的全过程，包括页面展示方式、交互能力、开发模式的变化。
二、发展阶段
1. 静态页面时代（1990s - 2005）
特点：
- 以 HTML + CSS 为主
- 页面基本不具备交互能力
- 通过后端渲染（PHP / JSP / ASP）
代表：
- 早期门户网站（Yahoo、新浪）
问题：
- 用户体验差
- 每次操作都要刷新页面
2. Ajax 与 Web 2.0 时代（2005 - 2010）
关键技术：Ajax（异步请求）
变化：
- 页面可以局部刷新
- 前后端开始分离
代表：
- Gmail
- Google Maps
意义： 👉 前端第一次拥有“应用级交互能力”
3. jQuery 与组件化萌芽（2010 - 2015）
特点：
- jQuery 简化 DOM 操作
- 前端复杂度开始上升
出现的问题：
- DOM 操作混乱
- 代码难以维护
4. MV* 框架时代（2015 - 2018）
代表：
- React
- Vue
- Angular
核心变化：
- 数据驱动视图
- 组件化开发
关键思想： 👉 UI = f(state)
5. 工程化时代（2018 - 至今）
特点：
- Webpack / Vite
- TypeScript
- CI/CD
- 微前端
前端已经变成：
一个完整的软件工程体系
三、核心变化总结
前端发展的本质是：静态页面 → 动态交互 → 组件化 → 工程化 → 全栈化趋势
四、总结
前端的演进不是技术堆叠，而是不断解决三个问题：
- 更好的用户体验
- 更高的开发效率
- 更强的工程可维护性