YeeJone

Web应用代码体积会影响到应用的加载速度，Webpack提供分包能力生成多个文件。在生成文件之前，Webpack需要解决文件怎么写问题。

Webpack原理解析系列文章之构建依赖拓扑图原理解析，Webpack不能够直接分析文件，而是需要将文件映射到内存中才能够分析模块依赖拓扑，本文详细讲解依赖拓扑图构建过程。

Code Generation即代码生成，Webpack将分析完代码组织形式之后，进入了代码转译生成阶段。

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

本文通过解析Webpack构建过程中三个阶段：模块依赖拓扑图构建、产物组织形式分析、代码生成原理为读者讲解构建原理，想浅了解Webpack原理一定不要错过~

首先JS里面0.1 + 0.2 !== 0.3已经算是常识了，因为不只是JS，Java和其他语言中也存在类似的问题，就是浮点数精度不准确问题。 但是由于我们项目的特殊情况，需要使用超过16位的数字时发现，JS竟然大数也会丢失精度。 这就让人非常不理解。因为好像数字溢出时变为In…

在过去的一个月里，自己面试了多家公司的前端岗位，很幸运的是拿到几个不错的 offer，所以想通过这篇文章做个记录与总结，希望给打算求职的你一些参考。

1. 为什么要做前端测试 比起写注释，单元测试可能是更好的选择，通过运行测试代码，观察输入和输出，有时会比注释更能让别人理解你的代码（当然，重要的注释还是要写的。。。） 编写测试代码的过程，往往可以让我们深入思考业务流程，让我们的代码写的更完善和规范。 2. 什么是TDD和BD…

发布-订阅模式又叫做观察者模式，他定义了一种一对多的依赖关系，即当一个对象的状态发生改变的时候，所有依赖他的对象都会得到通知。 作为一名前端开发人员，给DOM节点绑定事件可是再频繁不过的事情。比如如下代码 这里我们订阅了document.body的click事件，当body被点…