最近在读react v16的源码，准备写一些东西记录一下成果，仅供参考。 距离react v16版本发布已经有一段时间了，很多人对fiber已经有了初步的认识，对于fiber解决的问题也大致了解。此文主要是解释fiber是什么东西以及fiber的工作原理，并不涉及fiber解决…

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法，这…

我们在Webpack基础篇介绍了多种loader和plugin以及每种的用途；那么他们两者在webpack内部是如何进行工作的呢？让我们手写一个loader和plugin来看看它内部的原理，以便加深对webpack的理解。 因此我们就来尝试写一个less-loader和styl…

webpack本质上可以将其理解为是一种基于事件流的编程范例，一系列的插件运行。 1. webpack启动过程分析 1. 运行webpack 2. 查找webpack入口文件 在运行以上命令后，npm 会让命令行工具进入 node_modules.bin 目录查找是否存在 we…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

欢迎来前端食堂年终总结的评论区盖楼，听说食堂的小伙伴们都来了。 进入正文。 不过建议看完本文后还是要亲自去读一读，不多 bb，开始展示。 Promise 的三个状态分别是 pending、fulfilled 和 rejected。 pending: 待定，Promise 的初始…