269浏览

0评论

解释 React 中 render() 的⽬的

每个React组件强制要求必须有⼀个 render()。它返回⼀个 React 元素，是原⽣ DOM 组件的表示。如果需要渲染多个 HTML 元素，则必须将它们组合在⼀个封闭标记内，例如 、 、`` 等。此函数必须保持纯净，即必须每次...

• 空空 / react / 2023-02-27

271浏览

0评论

React fiber 的理解和原理

理解 React16 以前 React16 以前，对virtural dom的更新和渲染是同步的。就是当⼀次更新或者⼀次加载开始以后，diffffvirtual dom并且渲染的过程是⼀⼝⽓完成的。如果组件层级...

• 空空 / react / 2023-02-27

272浏览

0评论

数据双向绑定单向绑定优缺点

双向绑定是⾃动管理状态的，对处理有⽤户交互的场景⾮常合适，代码量少，当项⽬越来越⼤的时候，调试也变得越来越复杂，难以跟踪问题 单向绑定是⽆状态的, 程序调试相对容易, 可以避免程序复杂度上升时产⽣的各种问题, 当然写代码时...

• 空空 / react / 2023-02-27

261浏览

0评论

如何遍历⼀个dom树

function traversal(node) { //对node的处理 if (node && node.nodeType === 1) { console.log(node.tag...

• 空空 / react / 2023-02-26

263浏览

0评论

useState 中的状态是怎么存储的

通过单向链表，fifiber tree 就是⼀个单向链表的树形结构。...

• 空空 / react / 2023-02-26

276浏览

0评论

react hooks 原理是什么

hooks 是⽤闭包实现的，因为纯函数不能记住状态，只能通过闭包来实现。...

• 空空 / react / 2023-02-26

264浏览

0评论

react 的虚拟dom是怎么实现的

⾸先说说为什么要使⽤Virturl DOM，因为操作真实DOM的耗费的性能代价太⾼，所以react内部使⽤js实现了⼀套dom结构，在每次操作在和真实dom之前，使⽤实现好的diffff算法，对虚拟dom进⾏⽐较，递归找出有变化的do...

• 空空 / react / 2023-02-26

268浏览

0评论

你的技术栈主要是react，那你说说你⽤react有什么坑点

1、JSX做表达式判断时候，需要强转为boolean类型，如 render() { const b = 0; return <div> { !!b && <div&...

• 空空 / react / 2023-02-26

295浏览

0评论

你都做过哪些Vue的性能优化

编码阶段 尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher v-if和v-for不能连⽤...

• 空空 / vue / 2023-02-25

289浏览

0评论

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diffff算法有以下过程 同级⽐较，再⽐较⼦节点 先判断⼀⽅有⼦节点⼀⽅没有⼦节点的情况(如果新的children没有⼦节点，将旧的⼦节点移除)...

• 空空 / vue / 2023-02-25