小白眼中的前端开发 vs 实际的前端开发 小白眼中的前端开发 会写HTML + CSS +JavaScript就会前端开发 需要美化页面样式，就拽一个bootstrap过来 需要操作DOM或发起Ajax，再拽一个jquery过来 需要快速实现网页布局效果，就拽一个Layui过来 实际的前端开发 模块化（js的模块化，css的模块化，资源的模块化） 组件化（复用现有的UI结构，样式，行为） 规范化（目录结构的划分，编码规范化，接口规范化，文档规范化，Git分支管理） 自动化（自动化构建，自动部署，自动化测试） 什么是前端工程化 前端工程化指的是：在企业级的前端项目开发中，把前端开发所谓的工具，技术，流程，经验等进行规范化，标准化。 企业中的Vue项目和React项目，都是基于工程画的方式进行开发。
好处：前端开发自成体系，有一套标准的开发方案和流量。
前端工程化的解决方案 早期的前端工程化解决方案 grunt gulp 目前主流的前端工程化解决方案 webpack parcel webpack的基本使用 什么是webpack 概念： webpack是前端项目工程化的具体解决方案。
主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆，处理浏览器端JavaScript的兼容性性能优化等强大的功能。
好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。
注意：目前Vue，React等前端项目，基本上都是基于webpack进行工程化开发的。
列表隔行变色项目 步骤
新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json 新建src源代码目录 新建src->index.html首页和src->index.js脚本文件 初始化首页基本的结构 运行npm install jquery -s命令，安装jQuery 通过ES6模块化的方式导入jQuery，实现列表隔行变色的效果
