摘要: 为什么会产生“卡顿”这样的困局? JavaScript 线程和渲染线程必须是互斥的:这两个线程不能够穿插执行,必须串行。当其中一个线程执行时,另一个线程只能挂起等待。在这样的机制下,当处理结构相对复杂、体量相对庞大的虚拟 DOM 树时,Stack Reconciler 需要的调和时间会很长,这就意味 阅读全文
posted @ 2022-12-29 23:02 哥哦狗子 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 从一道面试题说起 import React from "react"; import "./styles.css"; export default class App extends React.Component{ state = { count: 0 } increment = () => { 阅读全文
posted @ 2022-12-29 22:32 哥哦狗子 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 调和(Reconciliation)过程与 Diff 算法 Virtual DOM 是一种编程概念。在这个概念里,UI 以一种理想化的,或者说“虚拟的”表现形式被保存于内存中,并通过如 ReactDOM 等类库使之与“真实的” DOM 同步。这一过程叫作协调(调和)。 通过如 ReactDOM 等类 阅读全文
posted @ 2022-12-29 18:17 哥哦狗子 阅读(57) 评论(0) 推荐(0) 编辑
摘要: What:虚拟 DOM“是什么 虚拟 DOM 是 JS 对象 虚拟 DOM 是对真实 DOM 的描述 How:React 中的虚拟 DOM 大致是如何工作的 挂载阶段,React 将结合 JSX 的描述,构建出虚拟 DOM 树,然后通过 ReactDOM.render 实现虚拟 DOM 到真实 DO 阅读全文
posted @ 2022-12-29 16:05 哥哦狗子 阅读(29) 评论(0) 推荐(0) 编辑
摘要: React-Hooks 是什么? 它是一套能够使函数组件更强大、更灵活的“钩子”。 为什么需要 React-Hooks? 函数组件从设计思想上来看,更加契合 React 的理念。 告别难以理解的 Class; 解决业务逻辑难以拆分的问题; 使状态逻辑复用变得简单可行; 函数组件从设计思想上来看,更加 阅读全文
posted @ 2022-12-29 14:55 哥哦狗子 阅读(47) 评论(0) 推荐(0) 编辑