用户9504813260436

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的prop，也就不能直接被绑定到真实的DOM节点上。 为此，React提供了一种“顶层注册，事件收集，统一触…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

我们不管怎么调节throttle的值，发现触发的间隔都是一样的，并且是一个很快的间隔，这说明节流函数是不起作用的，并且对性能的损耗也是较大的，因为确实不需要这么多的频繁更新。 这里需要使用useCallback，让指针指向同一个函数，就可以了。

需求：提供快捷键、快捷键组合和回调函数，当按下的按键为目标时，执行回调函数。 经过这些预处理后，我们将传入的按键变为了一个map，{key: false}，将其转化为了按键-是否按下的键值对形式。 使用useeffect，在keys改变的时候，也就是reducer起作用的时候，…

推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足

使用mousedown、mouseup、mousemove来实现锚点的拖拽功能,这里需要注意的是要把mousemove事件绑定在父元素上。 如果绑定在需要移动的元素上，鼠标移动过快的时候就会移出元素的范围，造成元素的停滞。 在项目中使用了mobx作为全局状态管理，而且会有多个需…

在svg中，所有的图形都可以用path来模拟实现，在MDN可以找到一篇入门教程。 其中x y是最终的终点，x1 y1，x2 y2是两个控制点的坐标。这样写有点抽象，我们来举个例子 它的起始点坐标为（162.5, 338.5），M表示的是move to，之后的C字母表示curve…