![](https://img-blog.csdnimg.cn/a15eec16f97f42379bf43402d828de1b.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React.js
文章平均质量分 82
React面试题
鋜斗
在积累中沉淀,在历练中成长
展开
-
推荐一个基于react+ts+vite的二次开发中后台框架
hello world欢迎来到前端的新世界react.js🐱👓博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。您的观看就是作者创作的动力(本人不是作者,如有侵权请联系删除)登录页详情页权限管理结果页。原创 2024-05-29 10:53:33 · 416 阅读 · 0 评论 -
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
react性能优化:React中通过children prop或者React.memo来优化子组件渲染,react中的父组件更新子组件重新渲染的问题的解决原创 2023-11-26 15:26:15 · 544 阅读 · 2 评论 -
React项目中发生空白但不报错的原因分析和解决?
在react中如何捕获错误,如何调试代码,如何使用一些工具来进行错误分析,如何做一些错误排查。怎么解决原创 2023-11-24 22:23:22 · 998 阅读 · 3 评论 -
React中封装echarts图表组件以及自适应窗口变化
React中封装echarts图表组件以及自适应窗口变化,而变化原创 2023-11-20 19:24:28 · 793 阅读 · 1 评论 -
React项目首页中用canvas实现星空
react项目中使用canvas实现动态星空展示,可以实现首页样式展示,非常炫酷原创 2023-11-17 22:17:16 · 935 阅读 · 0 评论 -
react fiber架构【详细讲解,看这一篇就够了】
React Fiber 架构首次在 React v16.0 中引入,这是在2017年9月26日发布的。该版本的发布标志着 React Fiber 架构的正式推出,为 React 应用程序的性能和交互体验带来了重大改进。React Fiber 架构的引入使得 React 应用程序更具灵活性和可扩展性,能够更好地处理大型应用程序的渲染和交互需求。react filber解决了什么问题。原创 2023-11-08 12:23:41 · 1943 阅读 · 12 评论 -
react中常用的hooks?
useEffect的执行时机?useEffect的第二个参数传递空数组和传递依赖数据有什么区别?useEffect如何模拟生命周期?useEffect导致的闭包陷阱,如何解决?react中的useState为什么是一个数组,而不是一个对象?useState和useReducer的区别?useRef可以用来获取dom节点吗?原创 2023-11-02 18:25:18 · 136 阅读 · 4 评论 -
useRef的应用场景?
useRef的应用场景原创 2023-11-02 18:23:02 · 1371 阅读 · 0 评论 -
useCallback和useMemo的区别?
useCallback和useMemo的区别?原创 2023-11-02 15:45:27 · 182 阅读 · 0 评论 -
useReducer的使用场景?
useReducer的实现原理,useReducer和useState的区别?原创 2023-11-02 15:39:56 · 239 阅读 · 0 评论 -
useMemo可以用来做计算属性吗?
useMemo用来实现计算属性原创 2023-11-02 15:15:49 · 89 阅读 · 0 评论 -
React.Memo和useMemo的区别?
React.memo用于优化组件的渲染性能,避免不必要的重复渲染。useMemo用于在函数组件中进行内存缓存和性能优化,避免重复计算。原创 2023-11-02 15:12:17 · 812 阅读 · 1 评论 -
react中的useContext的介绍?【看这一篇就够了】
react中的useContext的应用场景,useContext的实现原理,useContext的执行流程原创 2023-11-02 15:07:33 · 779 阅读 · 0 评论 -
useEffect如何模拟生命周期?
useEffect模拟生命周期钩子函数原创 2023-11-02 10:37:46 · 750 阅读 · 0 评论 -
说说你对 React Hook的闭包陷阱的理解,有哪些解决方案?
React中的闭包陷阱,在useEffect中使用setTimeout导致的数据无法正常更新原创 2023-11-02 10:20:06 · 128 阅读 · 0 评论 -
react中的useState为什么是一个数组,而不是一个对象?
在React中,useState返回的是一个包含两个元素的数组,而不是一个对象。这是因为React团队认为使用数组可以更好地解决一些问题。原创 2023-11-02 09:40:29 · 701 阅读 · 1 评论 -
useState和useReducer的区别?
useState和useReducer的区别?原创 2023-11-01 22:40:04 · 678 阅读 · 0 评论 -
React18新特性?
react18版本的更新,react18的新增的特性和hooks原创 2023-11-01 19:46:25 · 476 阅读 · 0 评论 -
如何创建一个react项目
如何创建一个前端框架,如何创建一个react项目,或者 如何创建一个vue项目使用vite原创 2023-11-01 19:30:59 · 291 阅读 · 0 评论 -
react中的forwardRef 和memo的区别?
react中的forwardRef 和 memo 是 React 中用于性能优化和组件复用的两个高阶函数。原创 2023-10-29 21:14:32 · 573 阅读 · 0 评论 -
react中的setState的执行机制
需要注意的是,由于 setState() 是异步的,所以不能依赖于 setState() 立即生效后获取最新的状态值。当调用 setState() 时,React 会将新的状态合并到当前组件的状态中,并触发一系列操作来更新组件的 UI。但需要注意的是,setState() 并不会立即更新组件的状态和 UI,而是将状态更新请求放入一个队列中,在适当的时候批量更新。总而言之,setState() 的执行机制包括状态合并、批量更新、异步更新、虚拟 DOM 比较和渲染组件等步骤,这样可以提高性能并优化渲染过程。原创 2023-10-29 20:18:33 · 475 阅读 · 0 评论 -
React生命周期
同时,在实际开发中也需要结合具体的业务场景和需求,选择合适的生命周期钩子,进行必要的操作和优化。componentDidCatch(error, info):此方法接收到两个参数,error 和 info,用于记录错误信息和堆栈 trace,可以在此方法中进行异常信息的记录、发送至服务器等操作。在 React 中,每个组件都有它自己的生命周期方法,这些方法被称为“生命周期钩子”,它们可以在组件的不同阶段执行不同的操作。挂载阶段(Mounting):当组件被添加到 DOM 中时,便处于挂载状态。原创 2023-10-29 20:16:34 · 214 阅读 · 0 评论 -
React中的Virtual DOM(看这一篇就够了)
虚拟 DOM 的基本思想是将整个 DOM 结构抽象成一个 JavaScript 对象树,通过对这个对象树的操作来更新实际的 DOM。当组件的状态或属性发生变化时,React 会生成一个新的虚拟 DOM 树,并通过比较新旧虚拟 DOM 树的差异,找出需要更新的部分。然后,React 会将这些差异转化为最小的 DOM 操作,只更新实际 DOM 中需要变化的部分,从而提高页面渲染的性能。原创 2023-10-25 20:54:53 · 377 阅读 · 0 评论 -
React中的setState的执行机制
在 React 中,setState 是用于更新组件状态的方法。它是一个异步操作 值得注意的是,由于 setState 是异步的,所以在调用 setState 后立即访问 this.state 可能得到的还是旧的状态值。如果需要在状态更新后执行一些操作,可以在 setState 的回调函数中进行,回调函数会在状态更新完成后调用。原创 2023-08-27 16:18:31 · 651 阅读 · 0 评论 -
说说你对Redux的理解?其工作原理?
根据流程图,可以想象,React Components 是借书的用户, Action Creactor 是借书时说的话(借什么书), Store 是图书馆管理员,Reducer 是记录本(借什么书,还什么书,在哪儿,需要查一下), state 是书籍信息。整个流程就是借书的用户需要先存在,然后需要借书,需要一句话来描述借什么书,图书馆管理员听到后需要查一下记录本,了解图书的位置,最后图书馆管理员会把这本书给到这个借书人。注意的是,redux并不是只应用在react中,还与其他界面库一起使用,如Vue。原创 2023-08-27 16:23:05 · 704 阅读 · 0 评论 -
在React项目是如何捕获错误的?
错误在我们日常编写代码是非常常见的举个例子,在react项目中去编写组件内JavaScript代码错误会导致 React 的内部状态被破坏,导致整个应用崩溃,这是不应该出现的现象作为一个框架,react也有自身对于错误的处理的解决方案。原创 2023-08-27 16:30:32 · 278 阅读 · 0 评论