
react
文章平均质量分 50
开机就来
这个作者很懒,什么都没留下…
展开
-
简单聊聊react和vue它们的diff算法
React 的 diff 算法采用了一种基于 Fiber 架构的双缓存技术,即每次页面更新时,同时在内存中创建两个 Virtual DOM树,一个是当前的 Virtual DOM 树,另一个是更新前的 Virtual DOM 树。前言:React 和 Vue 都采用了 Virtual DOM,并基于它们的 Virtual DOM 实现了 diff 算法,用于对比新旧虚拟 DOM 树的差异,并尽可能地进行最小化更新,以优化页面渲染的性能。Vue 的 diff 算法采用了双端比较的策略。原创 2023-05-29 11:54:41 · 574 阅读 · 4 评论 -
深度解读React中的createContext、useMemo、Provider和useContext:一种高效的数据管理模式
合理运用这些工具,不仅可以简化状态传递的过程,还能确保应用具备良好的扩展性和性能表现。是React Hook,它允许消费组件订阅在其父级作用域内创建的Context对象,无需手动一层层地通过props向下传递。然而,在大型应用中,如果上下文中的数据计算成本高昂,每次渲染都重新计算可能会导致性能瓶颈。在React生态系统中,有效地管理和传递状态是至关重要的。是React提供的用于创建上下文对象的函数,它可以封装那些需要在组件树中跨多层传递的值。组件,为我们提供了一种在组件层级之间共享全局状态的方式,而。原创 2024-03-12 15:01:26 · 683 阅读 · 1 评论