496浏览

0评论

React 和 Vue 的 diff 时间复杂度从 O(n^3) 优化 到 O(n) ，那么 O(n^3) 和 O(n) 是如何计算出来的？

三种优化来降低复杂度： 1.如果父节点不同，放弃对子节点的比较，直接删除旧节点然后添加新的节点重新渲染； 2.如果子节点有变化，Virtual DOM 不会计算变化的是什么，而是重新渲染， 3.通过...

• 空空 / vue / 2023-05-12

322浏览

0评论

如何设计实现无缝轮播

简单来说，无缝轮播的核心是制造一个连续的效果。最简单的方法就是复制一个轮播的元素，当复制元素将要滚到目标位置后，把原来的元素进行归位的操作，以达到无缝的轮播效果。 贴一段轮播的核心代码：// scroll th...

• 空空 / react / 2023-05-04

345浏览

0评论

Virtual DOM 真的比操作原生 DOM 快吗？谈谈你的 想法。

1. 原生 DOM 操作 vs. 通过框架封装操作。 这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作，让你用更声明式的方式来描述你的目的，从而让你的代码更容易维护。没有任何框架可以比纯手动...

• 空空 / js / 2023-04-01

314浏览

0评论

写 React / Vue 项目时为什么要在列表组件中写 key， 其作用是什么？

key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对应的 vnode 节点...

• 空空 / vue / 2023-03-04

312浏览

0评论

你能⽤HOC做什么

HOC可⽤于许多任务，例如： 代码重⽤，逻辑和引导抽象 渲染劫持 状态抽象和控制 Props 控制...

• 空空 / react / 2023-02-28

331浏览

0评论

什么是⾼阶组件（HOC）

⾼阶组件是重⽤组件逻辑的⾼级⽅法，是⼀种源于 React 的组件模式。 HOC 是⾃定义组件，在它之内包含另⼀个组件。它们可以接受⼦组件提供的任何动态，但不会修改或复制其输⼊组件中的任何⾏为。 你可以认为 HOC 是“纯（...

• 空空 / react / 2023-02-28

264浏览

0评论

React的合成事件是什么

React 根据 W3C 规范定义了每个事件处理函数的参数，即合成事件。 事件处理程序将传递 SyntheticEvent 的实例，这是⼀个跨浏览器原⽣事件包装器。它具有与浏览器 原⽣事件相同的接⼝，包括 st...

• 空空 / react / 2023-02-28

321浏览

0评论

原⽣事件和React事件的区别

React 事件使⽤驼峰命名，⽽不是全部⼩写。 通过 JSX , 你传递⼀个函数作为事件处理程序，⽽不是⼀个字符串。 在 React 中你不能通过返回 false 来阻⽌默认⾏为。必须明确调⽤ preventD...

• 空空 / react / 2023-02-28

308浏览

0评论

为什么建议传递给 setState的参数是⼀个callback⽽不是⼀个对象

因为this.props 和this.state的更新可能是异步的，不能依赖它们的值去计算下⼀个state...

• 空空 / react / 2023-02-28

299浏览

0评论

react中如何对state中的数据进⾏修改？setState为什么是⼀个异步的

修改数据通过this.setState(参数1,参数2) this.setState是⼀个异步函数 参数1 : 是需要修改的数据是⼀个对象 参数2 : 是⼀个回调函数，可以⽤来验证数据是否修改成功，...

• 空空 / react / 2023-02-28