重新认识前端

作为一个工作第三年的后端开发工程师，很长一段时间里，我对前端的理解都比较直接：把页面写出来，把样式调好，把交互做上，再接几个接口。只要页面能正常展示，按钮能响应，数据能请求回来，这个功能就算基本完成。

最近因为新增了业务，项目需要补上更完整的前端能力，也新招了一个前端实习生。这也提醒我，不能再只凭一点零散经验理解前端。要让业务顺利推进，要和前端同学有效协作，我自己也需要把前端重新系统地学一遍。

我并不是完全不了解前端工程化这个概念，也知道现代前端项目会涉及依赖管理、模块化、构建工具和部署流程。但知道概念是一回事，真正把它放进项目里理解又是另一回事。我的大部分实践仍然停留在 CDN 引用的方式：页面里直接引入 jQuery，或者用接触过的 Angular 做一些数据绑定和简单交互。

这种写法很直接，也很适合快速完成小功能。引一个库，写几段选择器，处理一下事件，页面就能动起来。但它的边界也很明显：依赖靠手动维护，代码靠文件顺序组织，状态散落在不同脚本里。业务一复杂，就很难判断某个逻辑到底在哪里生效，也很难让项目继续稳定增长。

这也是我想重新认识前端的原因。接下来我会从一个 Vue 2 数据后台项目开始，把依赖管理、组件组织、构建和部署这些过去只停留在概念里的东西，放回真实业务里看。