先上效果图 简单的实现数据的双向绑定首先来了解一个东西：Object.defineProperty() https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProp ...
分类：
其他好文 时间：
2019-11-12 09:13:07
阅读次数：
69
数据劫持，也叫数据代理。 所谓数据劫持，指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果。比较典型的是 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象。另外还有已经被废弃的 Object.observe()， ...
分类：
其他好文 时间：
2019-11-06 13:13:47
阅读次数：
121
谈谈你对MVVM开发模式的理解 包括Model(数据模型)、View(ui层)、ViewModel(视图数据模型) 简述Vue的响应式原理 Vue实例创建时，vue会遍历data选项做的属性，用Object.defineProperty将它们转为getter/setter并且在内部追踪相关依赖，在属 ...
分类：
其他好文 时间：
2019-11-03 12:57:35
阅读次数：
88
一、Object.defineProperty 的用法 Object.defineProperty 可以用于给对象添加更新属性。 二、模拟双向数据绑定 双向数据绑定：就是页面视图的输入发生变化，后台的数据会随着改变。 ...
分类：
其他好文 时间：
2019-11-03 01:09:21
阅读次数：
75
深入浅出Object.defineProperty() 红宝书对应知识点页码：139页 红宝书150页：hasOwnProperty( )方法可以检测一个属性是存在于实例中，还是存在于原型中，给定属性存在于对象实例中时返回true。 相应知识点参考博客：https://www.jianshu.com ...
分类：
其他好文 时间：
2019-10-26 13:22:31
阅读次数：
69
前言 双向绑定 其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. Vue三要素 响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向绑定 模板引擎: 如何解析模板 渲染: Vue如何将监听到的数据变化和解析后的HTML进行渲染 可以实 ...
分类：
其他好文 时间：
2019-10-15 12:51:14
阅读次数：
93
https://www.jianshu.com/p/2ed9f54a3ff2 5、Vue的响应式原理 当一个Vue实例创建时，vue会遍历data选项的属性，用 Object.defineProperty 将它们转为 getter/setter并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 ...
分类：
其他好文 时间：
2019-10-08 09:39:16
阅读次数：
94
Vue组件如何通信？ computed和watch有什么区别? Vue是如何实现双向绑定的? Proxy与Object.defineProperty的优劣对比? 你是如何理解Vue的响应式系统的? 既然Vue通过数据劫持可以精准探测数据变化,为什么还需要虚拟DOM进行diff检测差异? Vue为什么 ...
分类：
其他好文 时间：
2019-10-05 18:29:17
阅读次数：
93
整理一下碰到的 Object 的一些方法。 Object.keys 、Object.defineProperty、Object.assignObject.keys( )返回一个数组，包含指定对象的所有自有可遍历属性的名称。MDN详解var vendors = { '': '', Webkit: 'w... ...
分类：
其他好文 时间：
2019-10-01 11:38:16
阅读次数：
104
