前端工程化
相关概念（规范化、标准化）
实际上的前端开发：
模块化（对js的复用）、组件化（对UI结构和样式的复用）、规范化、自动化
目前主流的前端工程化的解决方案：
1、webpack:https://www.webpackjs.com/guides/getting-started/
2、parcel:https://zh.parceljs.org/getting_started.html
webpack
提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能
提高了前端开发效率和项目的可维护性
创建列表隔行变色的案例
这是我第一次使用到cmd界面作为编写程序的一部分，说句实话，是有点子蒙再身上的。
实现步骤：
1、在自己定义的某个文件夹下新创建一个文件夹，可以取名为：change-rows-color，易于辨认嘛！
2、然后在该文件夹里面进入到cmd命令界面中，输入npm init -y命令，那么我们就会发现有一个名为package.json的文件被创建出来了
注意啦！注意啦！如果还没有下载npm的相关资源，需要先行下载，否则无法使用嗷！教程可以看这里：https://www.cnblogs.com/liuzijin/p/16849423.html
单击路径处，输出cmd，即可进入命令行界面：
我在这里输入了命令之后，出现这样一个界面：
遇到事情不要慌，直接多敲几下Enter就好啦！
3、然后在与package.json同级的目录下，创建一个名为src的源代码目录
4、在src里面新建一个index.html首页和index.js脚本文件
首先，需要右键名为change-rows-color文件夹，用一个编程软件打开它（比如VSCode）
就可以出现如下效果：
新建好啦！：
5、初始化首页基本的结构
快速创建
6、运行npm install jquery -S命令，并安装JQuery
7、通过ES6模块化的方式导入JQuery，实现列表隔行变色效果
浏览器说，上图中的第一个语句过于高级，无法识别，那么就需要用到webpack进行处理：
