通常为了开发效率，我们会使用 vue-cli 创建项目，这样创建的项目默认情况下编译是会对代码进行分割的。但是如果是自行配置的 webpack 环境的话，还是很有必要熟悉代码分割的相关知识的。

层叠上下文即是网页在 Z 轴方向的一个概念，根据这个特性我们可以在页面上通过元素堆叠实现一些效果。比如页面上常见的引导浮层、Modal 对话框用的就是这个特性，如下图中的下拉菜单：

ES module（ESM） 为 JavaScript 带来了标准化模块系统，在 Firefox 60 发布之后，所有的主流浏览器就都支持 ESM 了，更加值得开心的是从 Node.js v13.2.0 开始，已经可以直接在 Node 中使用 ESM。

随着Web项目中用到的JavaScript越来越多，以及项目中参与人数的增加，保证JavaScript的代码质量尤为显得重要。一方面可以形成统一的代码风格，方便团队之间协作，另一方面也可以提高代码的可读性，方便以后的维护。

gulp在3.9版本里面增加了对babel的支持，因此我们可以直接在gulpfile里面使用ES6(ES2015)了。 升级gulp版本 首先要检测一下我们的gulp版本，确保CLI版本及Local版本都在3.9之上: {代码...} 版本如下： {代码...} 若版本过低，我们可以通过以下方式进行升级，这里将同时升级CLI版本和Local版本： {代码...} 安装babel 我...