React面试题汇总 --2

news2024/10/6 4:02:24

1. 何为 redux ，解决什么问题操作流程使用场景优缺点？

Redux使用详解(一) Redux的核心思想与基本使用__聪明勇敢有力气的博客-CSDN博客Redux使用详解(一) Redux的核心思想与基本使用https://blog.csdn.net/weixin_65402230/article/details/128193656

2. Redux Thunk 的作用是什么？

关于 redux-thunk 的作用，认识，理解_redux-thunk作用_Jioho_的博客-CSDN博客关于 redux-thunk 的作用，认识，理解看这篇文章之前，如果你已经看到一些 redux-thunk 的教程，是不是觉得一头雾水，redux-thunk 到底有什么作用，用在哪里，代码不仅没有简化，反而还增加？基于我初学的一些疑惑和后来疯狂的百度，总结了一下首先来一段代码示例如果我们有一个异步请求，获取数据展示在页面上。假设 redux 都是已经写好了。我们只模拟请求阶段//...https://blog.csdn.net/Jioho_chen/article/details/104884490

3. 为什么选择使用框架而不是原生?

框架的好处:
组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。
天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层，代码解耦更易于读写。
生态: 现在主流前端框架都自带生态,不管是数据流管理架构还是 UI 库都有成熟的解决方案。
开发效率: 现代前端框架都默认自动更新DOM,而非我们手动操作,解放了开发者的手动DOM成本,提高开发效率,从根本上解决了UI 与状态

小程序：

面向用户、面向开发者维度，具体包括：
1. 用户：提供完整的业务实现，并保证高性能体验。
2. 开发者：平缓的学习曲线、现代开发体验（工程化）、高效的社区支持、活跃的开发迭代、多端复用。

4. 虚拟DOM的优劣如何?

虚拟dom 是js模拟的一颗dom树，也是 js 对象；

虚拟dom 时相对于真实dom而言的，操作真实 dom 开销太大，降低了性能，所以使用虚拟 dom 替代真实 dom 完成操作和计算功能，极大提升了性能；

优点：

　　1. 无需手动获取dom ，操作 DOM ；

　　2. 跨平台：虚拟 DOM 本质上是 JavaScript 对象,而真实DOM 与平台强相关，相比之下虚拟 DOM 可以进行更方便地跨平台操作，例如服务器渲染（SSR）开发等等。

　　3. 虚拟DOM具有批处理和高效的Diff算法,最终表现在更新视图时只会渲染变化的部分，可以保证非常高效的渲染,优化性能；

缺点：首次渲染大量DOM时，由于多了一层虚拟DOM的计算，会比直接使用真实 dom 渲染慢；

虚拟 DOM 是什么? 有什么优缺点?_虚拟dom的优缺点-CSDN博客什么是虚拟dom?由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM，会产⽣⼀定的性能问题. 所以在vue中将真实的DOM节点抽离成⼀个虚拟的DOM树,这个虚拟的DOM树就是虚拟DOM.优点:保证性能下限：框架的虚拟 DOM 需要适配任何上层 API 可能产⽣的操作，它的⼀些 DOM 操作的实现必须是普适的，所以它的性能并不是最优的；但是⽐起粗暴的 DOM 操作性能要好很多，因此框架的虚拟 DOM ⾄少可以保证在你不需要⼿动优化的情况下，依然可以提供还不错的性能，即保证性能的下限.https://blog.csdn.net/m0_68309348/article/details/124408997

5. React最新的生命周期是怎样的?

static getDerivedStateFromProps

getSnapshotBeforeUpdate

React生命周期详解_前端开发小陈的博客-CSDN博客整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析https://blog.csdn.net/weixin_53312997/article/details/128643683

6. setState到底是异步还是同步?

React 中的 setState 是同步还是异步_React_脚本之家这篇文章主要介绍了React 中的 setState 是同步还是异步，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下https://www.jb51.net/article/252671.htm

7. React组件通信如何实现?

React中如何实现组件间的通信？_react组件之间通信_接着奏乐接着舞。的博客-CSDN博客目录1.⽗组件向⼦组件通讯2.⼦组件向⽗组件通讯3.兄弟组件通信 4.跨层级通信5.发布订阅模式6.全局状态管理⼯具组件间通信⽅式一共有如下几种：1.⽗组件向⼦组件通讯⽗组件可以通过向⼦组件传 props 的⽅式来实现父到子的通讯。2.⼦组件向⽗组件通讯可以采用 props + 回调的⽅式。当⽗组件向⼦组件传递 props 进⾏通讯时，可在该 props 中传递一个回调函数，当⼦组件调⽤该函数时，可将⼦组件中想要传递给父组件的信...https://blog.csdn.net/wanghaoyingand/article/details/12244372010种React组件之间通信的方法来源 | https://segmentfault.com/a/1190000023585646这两天被临时https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649100705&idx=1&sn=e0891e222bac865bd8abe8158948bd90&chksm=be58360c892fbf1af9ca0db974ae4e85e6a58aaa6b4b413941f5ccccf2c223b47b50e075a8ba&scene=27