技术栈概览（ web 前端 ）
过去式：（弊端）后期维护性差、专业化程度低、需求响应速度慢
进行中：随着视图层也会存在业务逻辑需求，前端工程师也会参与到业务逻辑的实现中
- 获取图片资源：PS 切图
- 页面制作：HTML、CSS
- 前端交互逻辑：JavaScript
- 结构与数据分离整合：Template
- 实现后端逻辑：Node.js、Java、PHP ...
这样，使得前端工程师可以在后期转为全栈工程师（ FullStack Developer ）
学习图谱 — 前端工程师
视觉稿（ 配色、图标、距离、空间 ）+ 交互稿（ 用户逻辑 ）= UI（ 用户界面 ）
- 视觉稿，转化为 UI ——> 页面制作（ PS 切图、HTML、CSS ）
- 交互稿，转化为 UI ——> 页面逻辑开发（ JS / DOM ）
页面架构，从实际需求出发，提供多种需求的多种解决方案、页面优化方案，从而实现产品级的前端架构
