顶级自由人

业务：接口返回速度导致数据覆盖问题。 promise：这是一个经过处理的 Promise，它在原始 Promise 的基础上添加了一个检查 hasCancelled 变量的步骤。如果 hasCance

合成事件原理例子： 图文分析 图文分析 总结：合成事件原理 React中合成事件的处理原理： ‘绝对不是’给当前元素基于addEventListener单独做的事件绑定，React中的合成事件，都是基

背景 当项目上线后，如何快速精准的定位问题？前端一般会有一套监控系统，如sentry。它可以监控程序代码中出现的报错问题，生成issue，通过查看issue快速定位到问题发生的位置。此文，主要介绍一些

背景 来自ui设计的一套文字与标签组合规则。 容器宽度一定，优先展示文字部分，缩略展示标签 当文字本身长度超出最大宽度，hover 时使用tooltip展示全部文字及标签 如图：(手动画图，暂时忽略间

背景： 因为组件嵌套的关系，有时候在实现一些全局功能控制的时候，但是组件在内层。举个例子，如果想要通过快捷键让Input的光标能自动Focus。我们在外面不好控制内部input组件的focus方法，其

代码规范（格式化规范） 推荐使用 prettier，它内置了一套格式化的规则，具体配置： 安装依赖 创建一个空配置文件，让编辑器和其他工具知道你正在使用 Prettier： 创建一个.prettier

什么是位运算？ 我们都知道计算机使用的是二进制。位运算，其实就是直接操作计算机中的二进制。计算机的底层运算就是位运算，所以直接用位运算的执行效率非常快 注意： JS 不区分浮点数和整数，所有数值都以

什么是 GraphQL GraphQL 是一种面向数据的 API 查询风格。 和SQL一样，GraphQL是一们查询语言； 同样和SQL一样，GraphQL也是一套规范，就像MySQL是SQL的一套实

简介 Gatsby 是一个基于 React 的免费、开源框架，用于帮助 开发者构建运行速度极快的 网站 和 应用程序 开始 注意：Gatsby 支持的最低 Node.js 版本是 18.0.0 (可以