__Kevin__

最近在看这篇文章，从文章中了解到在Fiber节点中，与Fiber节点关联的effects，被编码在节点的effectTag字段之中。但是一个组件可能有多个副作用，那么React是如何通过一个字段判断要执行多个副作用的呢？ effectTag默认值是0。在updateClassI…

React是一个用于构建界面的JavaScript库。它的核心是跟踪组件状态变化并将更新后的状态更新到屏幕上。在React中，我们把这个过程称为 reconciliation (协调)。通过调用setState方法，React检查状态或属性是否已更改，并在UI层上更新。 这是一…

Fiber架构主要有两个阶段, reconciliation(协调)和commit(提交)。协调阶段通常称为渲染阶段。此时会发生： 这些被称为Fiber的内部活动。 如果React同步遍历整个组件树，一次的更新操作过多，执行的时间可能会超过16ms以上, 会导致视觉上的卡顿。 …

我经过测试，如果使用webpack打包会无视@babel/preset-env的modules配置。会打包成umd模块 因为之前都是写一些应用程序的代码，没有注意过这些问题。后来谷歌了一下，结果如下👇。 webpack4以及之前都不能将代码打包成es6模块，这是相关的issu…

现代的浏览器中js文件都是并行下载，按声明顺序执行的。但是在过去的IE，FireFox和Chrome的早期版本中，script标签是同步加载和执行的。 阻塞时间 = 下载时间 + 执行时间。如果不给script标签添加defer和async属性，下载的过程也会阻塞渲染。 css…

前一段时间在工作的时候，遇到了如下的问题。后端传给我的JSON，其中id字段使用的number的格式，但是id的大小超过了2^53 - 1 ～ 2^53 - 1的范围。导致JSON.parse解析的过程中数字溢出。后端又不愿意修改接口。最后使用了json-bigint这个库解析…

JavaScript约等于ECMAScript，但JavaScript不限于ECMAScript。JavaScript包含了ECMAScript，DOM，BOM ECMAScript，即ECMA-262定义的语言，并不局限于Web浏览器。ECMA-262将这门语言作为一个基准来…

螺旋矩阵I,II,III的题解。三道题均使用模拟法解决。 思路和螺旋矩阵I一致，只是这次从遍历二维数组，改为了生成二维数组。 本题依然使用模拟法解决，只是转向的边界判断有所改变。 我们首先将原点坐标push进入结果数组中，然后从bottom方向开始遍历（方向的变化：bottom…

事件流分为3个阶段，捕获，到达目标，冒泡。通常认为事件处理是冒泡行为的一部分。 为元素的事件处理属性赋值一个函数即可。事件处理程序会在元素的作用域中运行，所以事件处理程序的函数的this等于元素自身。使用DOM0事件处理，事件注册在事件流的冒泡阶段。 addEventListe…