码迷,mamicode.com
首页 >  
搜索关键字:defineproperty    ( 299个结果
善用Object.defineProperty巧妙找到修改某个变量的准确代码位置
我今天的工作又遇到一个难题。前端UI右下角这个按钮被设置为"禁用(disabled)"状态。 这个按钮的可用状态由属性enabled控制。我通过调试发现,一旦下图第88行代码执行完毕之后,这个按钮的属性mProperties里就多出一个enabled:false的属性。 而88行执行之前,还没有这个 ...
分类:其他好文   时间:2018-10-19 22:44:29    阅读次数:238
Object.defineProperty() 以及 vue 中双数据绑定的底层原理
Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的。虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,今天我们先探讨一下Obje ...
分类:其他好文   时间:2018-10-06 15:38:28    阅读次数:205
js 属性getset
属性访问器有多种写法 一、像C 写实体类一样的写法 二、setAttribute\getAttribute 三、用Objct.defineProperty ` ` ...
分类:Web程序   时间:2018-10-05 12:15:12    阅读次数:244
Vue原理(一)——初始化data属性
第一步: 使用observe函数对Vue中的data对象进行处理,使其可观察(observable)。这一步的实质就是使用Object.defineProperty方法重写data的属性,重写属性特征(主要指set和get两个属性特征函数,从而在获取属性值和设置属性值的时候插入额外的操作来实现视图中 ...
分类:其他好文   时间:2018-10-01 22:14:05    阅读次数:834
vue源码分析:响应式之依赖收集
今天记录下vue源码的响应式的源码学习,第一步,我们想下,为什么为们写一个data。然后里边的数据变化就能映射到dom的变化上。这里用到了Object.defineProperty(obj,key, {}),如果你还不了解建议去jsmdn上仔细了解下,这个函数的目的就是检测你得赋值和取值的过程用来定 ...
分类:其他好文   时间:2018-09-29 12:59:05    阅读次数:166
探讨vue的双向绑定原理及实现
1.vue的实现原理 vue的双向绑定是由数据劫持结合发布者-订阅者模式实现的,那么什么是数据劫持?vue是如何进行数据劫持的?说白了就是通过Object.defineProperty()来劫持对象属性的setter和getter操作,在数据变动时做你想要做的事情. get和set.为什么会有这两个 ...
分类:其他好文   时间:2018-09-11 14:05:19    阅读次数:179
对类Vue的MVVM前端库的实现
关于实现MVVM,网上实在是太多了,本文为个人总结,结合源码以及一些别人的实现 关于双向绑定 vue 数据劫持 + 订阅 发布 ng 脏值检查 backbone.js 订阅 发布(这个没有使用过,并不是主流的用法) 双向绑定,从最基本的实现来说,就是在defineProperty绑定的基础上在绑定i ...
分类:其他好文   时间:2018-09-07 10:59:46    阅读次数:174
删除对象的某个属性 delete
有时候我们可能会遇到需要删除一个对象的某个属性的这种情况,保留剩下的,不想遍历,那我们就可以使用delete操作符, 注意: 像Math, String这样的内置对象的属性 (不可设置的属性)不可删除 使用Object.defineProperty()方法设置为不可设置的属性不能被删除。 delet ...
分类:其他好文   时间:2018-08-30 15:44:18    阅读次数:177
浅析vue的双向数据绑定
vue 的双向数据绑定是基于es5的 object对象的defineProperty属性,重写data的set和get函数来实现的。1、defineProperty 数据展示 1 Object.defineProperty(obj,'name',{ 2 configurable:true , // ...
分类:其他好文   时间:2018-08-20 18:57:35    阅读次数:148
vue 双向数据绑定原理
采用defineProperty的两个方法get、set 示例 1 <!-- 表单 --> 2 <input type="text" id="input"> 3 <!-- 展示 --> 4 <p id="desc"></p> 1 let obj = {}; 2 let temp = {};//采用临 ...
分类:其他好文   时间:2018-08-08 18:14:30    阅读次数:120
299条   上一页 1 ... 14 15 16 17 18 ... 30 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!