1. VUE的响应
1. vue2.0通过object.defineproperty object.defineProperty.TefineProperty.TefineProperty。该方法没有能力监视数组,并且无法检测对象属性的添加和删除。
2.基于代理,自定义设置并获得实现的VUE3.0,解决了2.0无法监视数组和对象属性的问题。无需穿越所有对象。
其次,VUE模板转换了视图过程。
vue将模板编译为虚拟DOM渲染函数。用VUE随附的响应系统插入,当状态更改时,VUE可以通过优化的diff算法和
3. VUE中的差异算法。
VUE使用虚拟DOM来减少DOM操作,但是本机DIFF算法仍然不够有效,因为每个组件只能听到一个新的WACHER来聆听它,并且DIFF算法的时间很复杂且太高,因此在Vuethe diff Algorithm中,优化,使用相同的一层比较,深度优先级,头尾,尾巴,尾巴比较以及使用关键策略。
第四,一条路数据流VUE
VUE仅运行父级传输值。当孩子级传输到父级值时,必须通过事件和父级变化将其提交给父级。
此外,您可以通过过程/注入传递值
五,vuex
当我们遇到多个组件共享数据或方法时,请使用vuex
6. VUE采用MVVM模式
视图和模型的分离使开发人员明显分裂,并实现了两个路数据绑定
7. vue中的nexttick
当我们获得DOM更新的节点时,我们通常无法期望结果,因为VUE中的DOM更新是异步的。这次,在异步队列中使用NextTick。NextTick将优先执行微任务队列。如果不支持它(不支持ES6的浏览器),降级的处理将被Settimeout替换。
1.我希望使用模板构建一个应用程序。
2.我希望构建一个快速的应用程序。VUE在没有手动更改的情况下在两个路数据中具有约束力。
3.我希望该应用程序尽快运行快速或小。
1.治疗的响应原则
收到用户状态更改的通知后,React框架将基于当前的渲染树,与最新的状态更改结合,并通过diff算法计算树中的树的一部分,然后仅更新更改。零件(DOM操作)以避免整个树的整个树梢构建以提高性能。
2.回答使用JSX
React使用JSX生成React元素并将其传输到Reactdom.render()方法中
3.更差的算法
DIFF算法在React中也进行了优化,并且还忽略了交叉级别的比较,并且确定可以直接替换相同类型组件的组件的不同类型的组件。在水平上的多个节点的比较中,判断唯一的徽标键,而移动节点之前的新旧节点中的出价,以避免不必要的操作
4.挂钩
在React中,该函数组件不能使用可以在类组件中使用的状态和其他组件的特征。钩的出现使功能组件可以使用这些特征。
5. redux in cherectct
当需要更多地共享组件状态时,在与服务器进行交互时,需要将其应用于Redux。
可以通过商店和共享方法在任何组件中分发数据。
6.一条路数据流的反应
它还允许父级传递子级级别的值。子级别通过调用父级方法将值传递给父级,并且该值在父级中更改。
除了这种传输方式外,类组件还可以通过上下文传递值,并且功能组件可以是
7.采用的MVC模式
模型和视图之间的分开代码,并降低代码的可重复性
原始:https://juejin.cn/post/7099243279580921886