Imbaxun

在 React 开发中，状态管理一直是个绕不开的话题。你是不是也经历过：用 useState 管理全局状态时，组件嵌套太深导致 props 层层传递（“props 钻取”）；用 Redux 又觉得样板

壹 ❀ 引 在过去的一段时间，我一直围绕项目中体验不好或者无效渲染较为严重的组件做性能优化，多少积累了一些经验所以想着整理成一片文章，下图就是优化后的一个组件，可以对比优化前一次切换与优化后多次切换的

笔者是一个六年前端，没有大厂经历，也没有什么出彩的项目，所以今年以来，前端现在这种行情下并没有收到多少面试，但是为数不多的面试中，百分之九十都问到了性能优化的问题，而且问题都出奇的一致： 对于这个问题

这是我参与8月更文挑战的第5天，活动详情查看：8月更文挑战” 前言 一、计算机系统基础知识 章节梳理 原码，反码，补码之间的相互转换 校验码具有查错和纠错，码距是校验码中的一个重要概念，是指一个编码系

React 性能优化 React 提供了很多优化的 API，比如 memo,useMemo,useCallback 等等，他们的作用我们基本都知道，但是如何正确使用这些 api 一直是困扰大部分人的难

React在16.8版本为我们正式带来了Hooks API。什么是Hooks？简而言之，就是对函数式组件的一些辅助，让我们不必写class形式的组件也能使用state和其他一些React特性。按照官网的介绍，Hooks带来的好处有很多，其中让我感受最深的主要有这几点： 函数式组…

JSX本质是什么..... 这里打印出来的Event对象是 React 封装过的SyntheticEvent，可以看__proto__.constructor。React 标准化了事件对象，因此在不同的浏览器中都会有相同的属性。 React 中事件绑定跟 Vue 中完全不同，V…

UI的表示形式保存在内存中，并与实际的DOM同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和 refs使用React.createRef()创建，并通过ref属性附加到React元素上。在构建组件时，通常将refs分配给实例属性，以便可以在整个…

一些新兴的 JavaScript 库在开发者间有很高的满意度，但使用率偏低——这可能会让开发者难以选择合适的技术。下面这些数据可以帮我们选择合适的技术。 第一张图代表着这些库随时间变化的趋势。它有四个象限，纵向由下至上代表着使用率由低到高；横向由左至右代表着使用体验由坏到好。也…