Ben_Lee

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.…

本文只介绍函数式组件特有的性能优化方式，注重实践React.memo、useCallback 、useMemo，简单易懂...

说到 React 我们一定离不开和 Router 打交道。不管 Vue Router 和 React Router ，他们的原理都是差不多的。这篇文章会从一个简单的例子一直拓展到真正的 React Router。 路由（routing）是指分组从源到目的地时，决定端到端路径的网…

把描述同一个事物(对象)的属性和方法放在同一个命名空间下防止相互之间的冲突，实现了分组，这种编写代码的模式就是单例模式，可以用来进行模块化开发。 模块化开发即是根据需求将项目划分成不同的功能板块，分别进行开发，最后再进行合并。 虽然实现了分组，但是不能批量生产，属于手工作业模式…

随着移动设备的高速发展，H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧，定 Bug 于无形。 因为移动端操作系统分为 iOS 和 Android 两派，所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式，才能让你事半功倍。 文章会…

这个问题已经是老生常谈了，更是经常被作为面试的压轴题出现，网上也有很多文章，但最近闲的无聊，然后就自己做了一篇笔记，感觉比之前理解更透彻了。 这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分…

绑定this值（让Func中的this指向obj，并执行Func的函数体。） 如果无返回值 或者 返回一个非对象值，则将 obj 作为新对象返回；否则会将 result 作为新对象返回。）

这里简单介绍下React.memo()的用法。 React.memo() 和 PureComponent 很相似，它帮助我们控制何时重新渲染组件。 由于只有需要被渲染的组件被渲染了，所以这是一个性能提升。 PureComponent 要依靠 class 才能使用。而 React…

利用useMemo的依赖传空数组，Example组件只会在首次渲染时，调用debounce生成debounceSetCount，且debounceSetCount被缓存住，之后不管state怎么改变，组件多次渲染，都不会执行debounce；当然真正实现防抖还是通过deboun…