小白眼中的前端开发 vs 实际的前端开发
小白眼中的前端开发
- 会写
HTML CSS JavaScript就会前端开发 - 需要美化页面样式，就拽一个
bootstrap过来 - 需要操作 DOM 或发起 Ajax 请求，再拽一个
jQuery过来 - 需要快速实现网页布局效果，就拽一个
Layui过来
实际的前端开发
- 模块化（js 的模块化、css 的模块化、资源的模块化）
- 组件化（复用现有的 UI 结构、样式、行为）
- 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）
- 自动化（自动化构建、自动部署、自动化测试）
什么是前端工程化
前端工程化指的是：在 企业级的前端项目开发 中，把前端开发所需的 工具、技术、流程、经验等进行规范化、 标准化
企业中的 Vue 项目和 React 项目，都是基于工程化的方式进行开发的。
好处：前端开发自成体系，有一套标准的开发方案和流程。
前端工程化的解决方案
早期的前端工程化解决方案
- grunt（ https://www.gruntjs.net/ ）
- gulp（ https://www.gulpjs.com.cn/ ）
目前主流的前端工程化解决方案
- webpack（ https://www.webpackjs.com/ ）
- parcel（ https://zh.parceljs.org/ ）
我的博客即将同步至腾讯云 社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=2rxuccnrauww0
