lhuanyu

下图是图解react源码的缩略图，掘金最大只能上传5m(原图19m)，高清大图请异步github。调度器图解请前往github的文章或者本人以往的掘金文章。项目中遇到的问题，还需要更加细致的思考，希望对大家有所帮助。同时，图中有什么问题，希望大家提出来，或者平时react中遇到…

一个表单，form标签下具备许多的子元素，每个子元素都具备输入的功能，在用户输入的过程中以及最终提交的过程中都可能会涉及到校验，这个校验的过程中会可能会发生校验失败等错误信息。对于这个表单的分析，需要提炼一下几个需要思考的关键点： 字段以及对应的值都会被存储在Ref中，由于Re…

熟悉自定义HOOK的用法，体会如何解决``：在组件之间复用状态逻辑很难：Hook 使你在无需修改组件结构的情况下复用状态逻辑。

在组件进行挂载的时候需要监听页面的滚动事件，并且事件监听器中用到了state，这个state在另外一个useEffect函数中会被设置为页面上每个dom距离文档顶部的距离。那么在进行监听的时候，有如下函数 滚动事件的处理函数会改变当前组件的其他state，也就会导致组件的重新渲…

最近遇到一个需求，需要将非常多内容的（文字/表格）word文档展示出来，这个需求出现在pc端就用插件好了或者直接下载文件？如果需求是在移动端呢？怎么办？转成html吧。。。几十页的word怎么搞？为了造福大家，花了几天时间撸了一个插件word-to-html,可以转嵌套的表格，…

首先根据flex-direction确定主轴以及方向：row、row-reverse、column、column-reverse。以下主轴均为row。 然后确定flex容器（父元素）的宽度，根据flex项目（子元素）的flex-basis与width（前者优先级大）确定每个fl…

对invokeGuardedCallback的封装，当执行完invokeGuardedCallback之后，通过hasError判断是否发生了错误，并调用clearCaughtError返回错误对象，并清空hasError、caughtError。然后将返回的错误存储到reth…

可以看到，在渲染出来的DOM节点上并没有click事件，用到事件代理，当点击事件触发的时候，document监听到点击事件触发了，就会调用handler对应的函数dispatchInteractiveEvent开始分发点击事件，进而调用对应节点上的点击事件处理函数。 为了做对比…

对于点击事件调用的是simpleeventplugin上的extractEvents函数，该函数会传入的参数是dispatchConfig, targetInst, nativeEvent, nativeEventTarget，其中dispatchConfig是由topLeve…