猪猪拆迁队

completeWork 相比较beginWork阶段来说，completeWork阶段，处理就比较简单了。同样的，对于completeWork，也是通过workInProgress.tag来判断，走

beginWork 阶段React源码系列React源码解析之 Fiber结构的创建React源码解析 之 Fiber的渲染（1）beginWork阶段从调用的代码中来看，beginWork最终返回的

如何生成workInProgress结构上篇通过查看调用栈生成了了一个fiberRoot，从调用updateContainer函数为入口函数，开始执行解析fiberRoot结构。解释一下，此时的chi

当前React版本基于V17.0.2版本，本篇主要介绍fiberRoot结构的创建。通过debugger源码，划出fiberRootNode结构图。

构造函数与其他函数的唯一区别，就在于他们调用的方式不同。 任何函数只要通过new操作符来调用，那他就可以称之为构造函数。 上述代码中，我们通过new操作符创建了一个实例对象animal。 我们创建的每一个函数，都有一个prototype属性，这个属性是一个指针，指向一个对象，而…

自前端框架（React,Vue,Angelar）出现以来，每个框架携带不同理念，分为三大阵营，以前使用JQuery的时代已经成为过去，以前每个页面就是一个HTML，引入相对应的JS、CSS，同时在HTML中书写DOM。正因为是这样，每次用户访问进来，由于HTML中有DOM的存在…

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…

为什么要了解浏览器的渲染原理？了解浏览器的渲染原理有什么好处？我们做前端开发为什么非要了解浏览器的原理？直接把网页做出来，什么需求，直接一把梭，撸完收工不好吗。 重排也叫回流（Reflow），重绘（Repaint），会影响到浏览器的性能，给用户的感觉就是网页访问慢，或者网页会卡…

URL是统一资源定位符（Uniform Resource Locator），是资源标识最常见的形式。URL描述了一台特定服务器上某资源的特定位置。它们可以明确说明如何从一个精确、固定的位置获取资源。 URL说明了协议、服务器和本地资源。 而浏览器都是基于HTTP协议，而HTTP…