huyunkun

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

一篇可以让你看了就会的前端工具库开发指南。Webpack4（项目搭建） + VuePress（文档库） + Jest（单元测试）...

TCP/UDP 作为传输层的协议，是经常在面试中会被问到的知识点，也是一个软件工程师素养必须具备的基础素养...

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越...

2022，低代码彻底火了，甚至火到没有点相关经验，都不好意思出去面试的程度，堪称lowcode“元年”。在整个互联网大裁员的背景下，无论你是否相信它是降本提效的利器，都不重...

一、前言 diff 算法已经是一个老生常谈的话题了。当被同事问起 diff 算法时也能说起一二。那我们能否从源码出发了解，已经理解 diff 的设计初衷等等更深层次的问题。...

一、前言 javascript寄生组合继承，是现有继承模式中比较完美的继承方式。和 es6中 class的 extends继承的实现几乎相同。但也存在着一些细微的差别。我们...

继承 第一种：原型链继承 原型链继承是比较常见的继承方式之一，其中涉及的构造函数、原型和实例，三者之间存在着三角的关系，即每一个构造函数都有一个原型对象「prototype...

我们都知道 react 整体分为三个阶段 Scheduler、render、commit。Scheduler负责任务的调度；render负责生成fiber树，打上副作用标签...

fiber的起源 在React15及以前，Reconciler采用递归的方式创建虚拟DOM，递归过程是不能中断的。如果组件树的层级很深，递归会占用线程很多时间，造成卡顿 为...

概述 Lane是React中用于表示任务的优先级。优先级分为高优先级与低优先级，当用户操作界面时，为了避免页面卡顿，需要让出线程的执行权，先执行用户触发的事件，这个我们称之...

一、前言 我们知道老的react的架构主要包含了Reconciler和Commit.并且整个Reconclier中整个过程是同步不可中断的。在这样的前提下如果遇到大量dom...

react中context的原理解析。Context 是一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props...

一、前言 在react17之前事件系统是将所有合成事件都挂载在document上。通过dispatchEvent代理所有的事件处理逻辑。当事件触发时，会收集当前事件源到根元...

围绕 webpack@v5.x 的 Dependency Graph 实现，从源码层面分析 webpack 中如何收集依赖，如何存储依赖信息，以及最后又是如何消费这些依赖关...

尽管现在主流浏览器已支持ESM，但是webpack仍然会将ESM转化为CommonJS。我们来看下 webpack 是 如何将ESM转化为CommonJS的。 CJS 再看...

昨天偶然在前端群里面开始讨论的一个话题: 实际上之前我的答案都是：“是”。直到在和群里大佬激烈讨论并测试才发现我一直以来对这个问题都有着错误的答案。 diff 在深入到这个...