涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识

​现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包，还需要解决Scss，Less……新增样式的扩展写法的编译工作。前端工程化，如WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化

先处理请求的中间件，同时也是最后处理请求的中间件。总耗时中间件的功能就是计算出服务器所有中间件的总耗时，应该位于第一层，因为第一层。当一个请求到达咱们的服务器，最先最先处理这个请求的是第一层中间件。第一层的中间件在处理这个请求之后，它会把这个请求给第二层的中间件。第二层的中间件在处理这个请求之后，它会把这个请求给第三层的中间件。到了第二层的中间件，所以第二层中间件对这个请求经过了两次的处处理。中间件对请求的处理有一种先进后出的感觉，请求最先到达第一层中。的中间件在处理完这个请求之后，又到了第一层的中间件。

在 rollup 中，一个文件就是一个模块。每一个模块都会根据文件的代码生成一个 AST 语法抽象树，rollup 需要对每一个 AST 节点进行分析。分析 AST 节点，就是看看这个节点有没有调用函数或方法。如果有，就查看所调用的函数或方法是否在当前作用域，如果不在就往上找，直到找到模块顶级作用域为止。如果本模块都没找到，说明这个函数、方法依赖于其他模块，需要从其他模块引入。rollup只处理函数和顶层的import/expor

treeshaking本质是去除多余代码算法。在前端的性能优化中，es6 推出了tree shaking机制，tree shaking就是当我们在项目中引入其他模块时，他会自动将我们用不到的代码，或者永远不会执行的代码摇掉，在Uglify阶段查出，不打包到bundle中。学习treeshaking的目的也是是为了后面学习rollup打包原理做铺垫。在 rollup 中，一个文件就是一个模块。每一个模块都会根据文件的代码生成一个 AST 语法抽象树，rollup 需要对每一个 AST 节点进行分析。

本文作为jest新手入门教程，从项目的搭建，jest简单的测试用例的编写出发，介绍了jest相关的mock测试、dom测试、快照测试，旨在通过快速入门小案例让大家快速的了解jest并快速上手。