前端-黎姿

【框架对比】React和Vue的diff算法

面试多次被问到vue和react的对比，今天就总结一下一、监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持，能精确知道数据变化。React默认是通过比较引用的方式（diff）进行的，如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢？这是因为Vue和React设计理念上的区别，Vue使用的是可变数据，而React更强调数据的不可变，两者没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。二、数据流的不同Reac

react状态管理库：mobx

简单的讲，Higher-Order Components就是一个函数，传给它一个组件，它返回一个新的组件。官网的定义：组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。具体而言，高阶组件是参数为组件，返回值为新组件的函数。const EnhancedComponent = higherOrderComponent(WrappedComponent);我们可以通过高阶组件来实现一个

一、vue和react的vnode区别virtual DOM不一样,vue会跟踪每一个组件的依赖关系, 不需要重新渲染整个组件树.​​而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制。两者对于dom的更新策略不太一样， react采用自顶向下的全量diff，vue是局部订阅的模式。二、两者diff算法区别1.Vue进行diff时，调用patch打补丁函数，一边比较一边给真实的DOM打补

一、jquery选择器性能优化建议总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$( ‘#content’ ).hide();或者从ID选择器继承来选择多个元素:$( ‘#content p’ ).hide();在class前面使用tagjQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用ta

为什么会有Hooks？介绍Hooks之前，首先要给大家说一下React的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望，组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。也就是说组件的最佳写法应该是函数，而不是类。。但是我们知道，在以往开发中类组件和纯函数组件的区别是很大的，纯函数组件有着类组件不具备的多种特点，简单列举几条纯函数组件没有状态纯函数组件没有生命周期纯函数组件没有this只能是纯函数这就注定，我们所推崇的函数组件，只能做UI展示的功

一、受控组件<input type="text" value={this.state.value} onChange={(e) => { this.setState({ value: e.target.value.toUpperCase(), }); }}/>或都要绑定一个change事件;每当表单的状态发生变化,都会被写入组件的state中,这种组件在React中被称为受控组件;在受控组件中,

在react中所有事件都是合成的，不是原生的dom事件，真正的dom事件可以通过e.nativeEvent获得1.和原生事件的区别react中所有事件都是使用驼峰命名2.react事件和原生事件执行顺序react中所有的事件都挂载到document中当真实dom触发后通过事件冒泡到docuement上才会进行react事件处理原生事件会先执行，然后执行react事件最后执行真正在document上挂载的事件注意：react事件和原生事件最好别混用，如果原生事件执行了stopPropagati