2024前端React最新面试题:React设计思想是什么?

React设计思想是什么?

回答思路:react的组件化-->react的数据驱动-->react的虚拟DOM

react的组件化

每个组件都符合开放封闭原则,封闭是针对渲染工作来说的,指的是组件内部的状态都由自身维护,只处理自身内部的渲染逻辑。开放是针对通信来说的,指不同组件之间可以通过props等进行数据交互

数据驱动视图

UI = function(data),通过这个公式得出,如果要渲染界面,不应该直接操作DOM,而是通过修改state或props来驱动视图更新

虚拟DOM

由浏览器的渲染可知DOM操作是一个很耗性能的一个操作,因此产生了虚拟DOM,虚拟DOM是对真实DOM的映射,React通过新旧DOM的对比,得出需要更新数据的部分,实现数据的增量更新

相关推荐
Cobyte7 小时前
17.响应式系统比对:链表如何实现响应式系统的高效更新
前端·javascript·vue.js
2601_963771377 小时前
Speeding Up Creative Agency Portfolios: A Performance Guide
前端·数据库·php
禅思院7 小时前
AI对话前端从入门到崩溃:一个长对话引发的五层优化战争【二】
前端·前端框架·ai编程
虚心的百褶裙7 小时前
JavaScript性能优化
开发语言·javascript·性能优化
IT_陈寒7 小时前
React useEffect里面写异步,我的状态怎么老丢?
前端·人工智能·后端
凯小默8 小时前
10.JavaScript 中的类和对象以及继承
javascript·继承
AI视觉网奇8 小时前
BambuStudio 自定义加载页面
服务器·前端·javascript
橙子家8 小时前
Extension storage、Interest groups 和 Shared storage 简介-浏览器缓存之【隐私沙盒与扩展专用存储】
前端
漂流瓶jz8 小时前
理解Webpack插件机制:从插件使用、各类编译对象、Tapable到自定义插件与钩子开发
前端·javascript·webpack
北辰alk18 小时前
Next.js 全栈开发指南:从项目初始化到生产环境部署
react.js