Lchard

作为一个组件库的使用者，经常会看到把React组件作为参数传递下去的场景，这些方案的适用场景如何，有什么不同，是否会导致组件的 memo 失效，是否会引发组件的不必要渲染?...

让我们一起来看看这些问题：React为什么要单独整一套虚拟的事件系统，这样做有什么好处？ 什么是合成事件？所有的事件真的绑定在真实DOM上吗？如果不是，那么绑定在哪里？.....

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。...

一个前端菜鸡的 2023 年终总结， 悟已往之不谏，知来者之可追； 洋洋洒洒万字，口水话不少，算是一份给过去一年的答卷，也是给新一年的考卷； 2024 年，能把这份考卷答好...

带你彻底搞清React.Children.map 和 React.cloneElement、React.createElement用法...

pnpm: 是 performant npm 的缩写，直译过来就是 高性能的 npm。说明 pnpm 也是一个包管理工具。 那么既然有了 npm，为什么还需要 pnpm 呢...

一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开...

前端开发中，如果遇到复杂的交互逻辑，数据结构的知识将帮助你理清思路，抽象逻辑，完成稳定可靠的逻辑代码。 本文就讲讲我在开发弹窗时加入的队列数据结构，也许有人疑问弹窗不是很简...

代码能力非一朝一夕之功，比起各种封装抽象，各种设计模式、算法，日常业务中多以增删改查为主。把基础的变量命名、排版、简洁写法贯彻后，代码就能简洁清晰很多，与其远望高山，不如脚...

介绍 useMemo和useCallback是React中优化是常用的两个Hooks。它们有一些共同点，比如都需要传递一个依赖数组，只有当依赖项发生改变时才会更新数据。但是...