angular7双向数据绑定原理 前端那么多技术，真的有必要吗？

前端那么多技术，真的有必要吗？哈哈。JQuery不是技术，而是艺术。JQuery只是提供了一个想法和一个框架。你可以看看如何自己做一个轮子；选择器很麻烦，你可以重写它。JQuery非常好。一些所谓的前

前端那么多技术，真的有必要吗？

哈哈。

JQuery不是技术，而是艺术。

JQuery只是提供了一个想法和一个框架。你可以看看如何自己做一个轮子；

选择器很麻烦，你可以重写它。JQuery非常好。一些所谓的前端程序员，使用了一些jQuery的api和函数，觉得它是落后的、垃圾的，这确实降低了前端的门槛；

jQuery只关注DOM操作，很多函数没有包含在内，jQuery很难做细粒度的定制，但是重构，重构，重构，不要你知道的。

近年来，前端市场被打破。各种自学、转行、培训学校，能用各种框架、插件都觉得自己是前端工程师，连最基本的范围、闭包、二叉树算法等都处于无知状态。

Vue是如何实现双向数据绑定的？

数据和视图的绑定和同步最终体现在数据的读写过程中，也就是说Object.defineProperty属性（）在数据集和get函数中定义。Vue中定义的函数是definereactive。在简化版的实现中，我只保留了一些基本特性：function definereactive（obj，key，值）{

var dep=new dep（）Object.defineProperty属性（obj，key，{

enumerable:true，

configurable:true，

get:function reactiveGetter（）{

if（部门目标) {

部门依赖（）

}

返回值

}，

set:函数reactiveSetter（newVal）{

if（value===newVal）{

return

}else{

value=newVal部门通知读取数据时，如果有观察者（观察者将负责将新数据发送到视图），则将观察者绑定到当前数据（部门依赖（），dep将当前数据和所有观察者之间的依赖关系关联起来是一个检查和记录依赖关系的过程。为数据赋值时，如果数据发生变化，将通知所有观察者部门通知（））。这样，即使我们手动更改数据，框架也可以自动将数据与视图同步。