前端开发：
- 模块化：（JS的模块化、css的模块化、资源的模块化）
- 组件化：（复用再有的UI结构、样式、行为） Layui开发文档
- 规范化：（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）
- 自动化：（自动化构建、自动部署、自动化测试）
目前主流的前端工程化解决方案:
webpack的基本使用
- 概念：webpack是前端项目工程化的具体解决方案
- 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能
- 好处：让程序员把工作重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性
创建列表隔行变色项目
- 1、新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json
- 注意：用！初始化html
//快速生成ul ul>li{这是第$个li}*9
- 4、初始化首页基本的结构（安装jQuery）
-S是–save的简写
-D是–save-dev的简写(开发时才用到)
注意：package.json显示jQuery
在项目中安装webpack(npm install --save-dev webpack):
- 运行npm install jquery -S命令
- 通过ES6模块化的方式导入jQuery,实现列表隔行变色效果
