214浏览

0评论

Component, Element, Instance 之间有什么区别和联系？

元素：一个元素 element 是一个普通对象(plain object)，描述了对 于一个 DOM 节点或者其他组件 component，你想让它在屏幕上呈现成 什么样子。元素 element 可以在它的属性 props 中包含其他元素(...

• 空空 / react / 2022-12-24

275浏览

0评论

React 高阶组件、Render props、hooks 有什么区别，为什 么要不断迭代

这三者是目前 react 解决代码复用的主要方式：高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而 形成的设计模式。具体而言，高阶组件...

• 空空 / react / 2022-12-24

221浏览

0评论

React 组件中怎么做事件代理？它的原理是什么

React 基于 Virtual DOM 实现了一个 SyntheticEvent 层（合成事件 层），定义的事件处理器会接收到一个合成事件对象的实例，它符合 W3C 标准，且与原生的浏览器事件拥有同样的接口，支持冒泡机制， 所有的事件都自...

• 空空 / react / 2022-12-23

221浏览

0评论

React 的事件和普通的 HTML 事件有什么不同？

区别：对于事件名称命名方式，原生事件为全小写，react 事件采用小驼峰；对于事件函数处理语法，原生事件为字符串，react 事件为函数； react 事件不能采用 return false 的方式来阻止浏览器的默认行 为，而必...

• 空空 / react / 2022-12-23

262浏览

0评论

Vue 中 key 的作用

vue 中 key 值的作用可以分为两种情况来考虑：第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元 素，通常会复用已有元素而不是从头开始渲染。因此当使用 v-if 来 实现元素切换的时候，如果切换前后含有相同类型...

• 空空 / vue / 2022-12-23

193浏览

0评论

DIFF 算法的原理

在新老虚拟 DOM 对比时：首先，对比节点本身，判断是否为同一节点，如果不为相同节点，则 删除该节点重新创建节点进行替换如果为相同节点，进行 patchVnode，判断如何对该节点的子节点进 行处理，先判断一方有子节点一方没有子...

• 空空 / vue / 2022-12-23

251浏览

0评论

虚拟 DOM 的解析过程

虚拟 DOM 的解析过程：首先对将要插入到文档中的 DOM 树结构进行分析，使用 js 对象将 其表示出来，比如一个元素对象，包含 TagName、props 和 Children这些属性。然后将这个 js 对象树给保存下来，最...

• 空空 / vue / 2022-12-23

249浏览

0评论

Vue3.0 为什么要用 proxy？

在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 deleteProperty 等 处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截...

• 空空 / vue / 2022-12-22

255浏览

0评论

defineProperty 和 proxy 的区别

Vue 在 实 例 初 始 化 时 遍 历 data 中 的 所 有 属 性 ， 并 使 用 Object.defineProperty 把这些属性全部转为 getter/setter。这样 当追踪数据发生变化时，setter 会被自动调用...

• 空空 / vue / 2022-12-22

244浏览

0评论

Vue3.0 有什么更新

（1）监测机制的改变3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的 反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的 很多限制：（2）只能监测属性，不能监...

• 空空 / vue / 2022-12-22