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

React设计思想是什么?

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

react的组件化

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

数据驱动视图

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

虚拟DOM

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

相关推荐
掘金安东尼12 分钟前
Angular 中的增量水合:构建“秒开且可交互”的 SSR 应用
前端·angular.js
大龄程序员27 分钟前
TypeScript 类型体操:如何为 SDK 编写优雅的类型定义
前端·aigc
大龄程序员30 分钟前
别再用 ID 定位了!教你用"语义指纹"实现 99% 的元素定位成功率
前端·aigc
RaidenLiu31 分钟前
拒绝重写!Flutter Add-to-App 全攻略:让原生应用“渐进式”拥抱跨平台
前端·flutter·前端框架
大龄程序员31 分钟前
Vite 插件开发实战:如何自动注入 SDK 脚本
前端·aigc
小呆i1 小时前
零基础搭建前端开发环境(详细版)
前端
icebreaker1 小时前
Mokup:构建工具友好的可视化 Mock 工具
前端·javascript·后端
昵称老重复1 小时前
前端如何实现两次跳转dp链接
前端
禾叙_1 小时前
【netty】Channel
开发语言·javascript·ecmascript
不想秃头的程序员1 小时前
Vue3 子传父全解析:从基础用法到实战避坑
前端·vue.js·面试