CommonsChunkPlugin主要是用来提取第三方库和公共模块，避免首屏加载的bundle文件或者按需加载的bundle文件体积过大，从而导致加载时间过长，着实是优化的一把利器。

什么是gzip压缩，gzip压缩是基于deflate中的算法进行压缩的，gzip会产生自己的数据格式，gzip压缩对于所需要压缩的文件，首先使用LZ77算法进行压缩，再对得到的结果进行huffman编码，根据实际情况判断是要用动态huffman编码还是静态huffman编码，最后生成相应的gz压...

说到编译原理，对于一个小前端来说，既远又近，远是因为如果单单进行业务开发，你可能基本不需要接触到它；但是当你想往深处进阶时，你就会发现，现在前端的世界里，到处都是编译原理的应用，而且这些应用其实离你非常近，比如日常用到的webpack、rollup、babel甚至p...

现象 在实现Loading组件的时候，不知道大家有没有遇到下面的问题： 首先看看正常的情况： 如果试着在这个Loading组件下面的图片加上样式position: relative; z-index: 1，就会出现下面的情况： 这里的Loading组件是使用opacity以及transition去实现的（参考了Taro的...

为了多端统一的初衷，Taro在路由跳转的交互体验上，保持了小程序端和h5端的统一，即同一套代码，在h5和小程序端的跳转体验是一致的；如何理解Taro处理页面路由的方式，我们可以通过一个页面栈来表示路由的状态变化，Taro封装了多个路由API，每次调用路由API，都是对...

众所周知，taro-cli是Taro脚手架初始化和项目构建的的命令行工具，它的实现原理，相信大家从Taro 技术揭秘：taro-cli这篇文章中已经有所了解；本文将对其中的项目构建build命令进行分析，从cli层面了解taro构建的过程到底做了什么；

自动化一直是我们前端工程化的一个重要方向，前端工程从构建到部署，以自动化脚本执行替代人工操作，不仅能更好地减少中间流程出现的误操作，还能使得开发从重复性的劳动中解放出来；

前端打包工具类似webpack、rollup的使用，相信大家已经很熟悉了，但是其中的原理不知道大家有没有研究过呢，它们是如何从入口文件一步步分析依赖，打包成可以在浏览器运行的代码的；带着疑问，我们可能会马上从源码开始看，但是庞大源码可能会让人望而却步；本文将从...

由于最近在研究SPA状态管理的内容，因此对Vuex的源码进行了拜读，所幸Vuex的源码并不是特别多，因此本文将对Vuex 3.1.3版本的主要逻辑和实现进行分析和记录。 要知道，如果漫无目的去阅读源码，将会非常的枯燥，而带着疑问去寻找答案，发现答案的过程将会让人印象更...

Vue 2.x 中模板渲染与 Vue 1.x 完全不同，1.x 中采用的 DocumentFragment ，而 2.x 中借鉴 React 的 Virtual DOM

因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。

在之前的一遍文章中，我简单地介绍了Babel的一些概念，大家可以从我发表的文章记录中可以找到；但是大家有没有想过自己也能开发Babel插件呢，Babel官方提供很多插件进行新语法的解析，同时它也允许我们自己开发插件，去解析和转换代码。 或许大家在实际开发中也遇到...

今天，美团是中国市值第三的互联网公司，技术团队也已经达到9000多人规模，覆盖前端、后台、系统、算法、测试、运维、数据、硬件等8个技术领域。

在进行Webpack或者Rollup配置的时候，难免会进行Babel的相关配置，因为代码中往往会使用比较新的JS语言的特性，然而可能运行环境并不支持这些特性，这个时候就需要Babel去帮助实现转换。

本文启发自实际项目中，随着项目不断增长，页面越来越多，不得不把vue-router的路由管理化繁为简、逐渐自动化的一个过程，希望能引发大家的思考；

最近在复习Javascript基础时，偶然看到一个蛮有兴趣的课题使用setTimeout模拟setInterval，于是自己尝试过后，写下这篇文章记录下过程；

日常开发中，我们都只专注在业务上的开发，拿起一套开箱即用的模板项目就直接开搞了，不知道大家有没有思考过，平时我们使用的脚手架里面到底做了什么，并且如果是自己来搭一套脚手架，应该怎么去搭呢？

日常开发中，我们都只专注在业务上的开发，拿起一套开箱即用的模板项目就直接开搞了，不知道大家有没有思考过，平时我们使用的脚手架里面到底做了什么，并且如果是自己来搭一套脚手架，应该怎么去搭呢？