现代 web 应用经常使用打包工具来创建生产环境的“打包”文件（脚本、样式等等），这些文件经过优化和压缩之后能够极快的被用户下载。在使用 webpack 进行 web 性能优化系列文章中，我们将介绍如何使用 webpack 高效的优化站点资源。这将会帮助用户更快的加载网站以及交…

引言：近期在研究怎么通过node命令生成自己想要的文件夹结构，因为大佬说vue-cli的原理和这个很像，所以抽时间研究了一下，并分享自己的研究心得。希望我的初学经验对你有用。 1.vue init命令是怎么实现的 vue-cli可以通过命令vue init webpack my-…

webpack4发布已经有一段时间了，我在实践的过程中发现，很多项目配置在webpack3下工作正常，但是升级到webpack4直接就崩了，如果想要webpack4正常工作，很多插件也需要升级到新版。下面是我使用webpack4配置的一个学习案例，包含了日常开发的常用配置项，比…

体验过上述工具的同学，有没有发现他们都有一个共同点——提供了一个可供快速开发的样板文件（boilerplate）。本文就将从样板文件入来进行阐述。通过本文，你将学到： public/manifest.json: 这是PWA 的一部分，用来描述应用相关的信息。以前开发cordov…

前段时间在寻找一些关于富文本编辑器的资料，然后发现了这个名为 Pell 的项目，它是一个所见即所得（WYSIWYG）的文本编辑器，虽然它的功能很简单，但是令人吃惊的是它只有 1kb 大小。而项目最核心的文件 pell.js 只有130行，即使加上其它部分，总的 js 数量也不到…

这两天遇到了一个问题，如何复制数组，所以就从各个地方找了很多的解决办法。算是整理一下，这样以便于自己以后的学习： 出现这个的原因就是因为，数组是用堆去保存的，栈中保存的是真正存储数据的内存地址，相等的时候只是拷贝了存放内存地址的栈，两个栈还是同时指向了同一个内存地址，所以在改变…

前面的理论部分基于《你不知道的JS》中卷第二部分第三章，可以结合前人的一些博客认真理解一下。 后面的代码实例非常有助于理解，并且我都做了注释，有基础的同学可以跳过理论部分直接参阅。 展开后可以看到 Promise构造器上定义了resolve和reject方法，then()方法定…