相关概念（规范化、标准化）

实际上的前端开发：
模块化（对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进行处理：