本文的初衷是来实现一个我们工作中最常用的构建工具，webpack，当然我们所实现的构建工具和真正的webpack差距甚远。这里只是简单一个实现罢了，感兴趣的同学可以继续看下去。 AMD也是一种JavaScript模块化规范，与CommonJS最大的不同在于它采用异步的方式去加载…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分组成，下图给出了请求报文的一般格式。 请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔。例如，GET /index.html HTTP/1…

Entry:入口,Webpack执行构建的第一步将从Entry开始，可抽象成输入。 Module:模块,在Webpack里一切皆模块，一个模块对应一个文件。Webpack会从配置的Entry开始递归找出所有依赖的模块。 Chunk:代码块，一个Chunk由多个模块组合而成，用于…

const和let的唯一区别就是，const不可以被更改，所以当声明变量的时候，尤其是在声明容易被更改的全局变量的时候，尽量使用const。 更好的代码语义化，一眼看到就是常量。 另一个原因是因为JavaScript 编译器对const的优化要比let好，多使用const，有利…

布局的传统解决方案是基于盒状模型，依赖 display + position + float 方式来实现，灵活性较差。2009年，W3C提出了一种新的方案-Flex，Flex是Flexible Box的缩写，意为”弹性布局”。Flex可以简便、完整、响应式地实现多种页面布局。下…

原本我想隔个几天再发文章，刚好今天项目上线，环境有问题，导致只有干等，刚好要为公司打造一套属于公司自己的一系列功能组件，这个使命就交给我了，大家也一直叫我来点干货，说实话我只是一个湿货，肚子里干一点就

前端路由是现代SPA应用必备的功能,每个现代前端框架都有对应的实现,例如vue-router、react-router。 我们不想探究vue-router或者react-router们的实现，因为不管是哪种路由无外乎用兼容性更好的hash实现或者是H5 History实现，与框…