草依山的Javascript世界

一个Javascript程序猿的学习纪录剩地,不仅仅是JS,还有Linux、Mac、nodeJs、吃、玩!

最近的一些笔记

最简单的双向绑定

function bindModelInput(obj, property, domElem) { Object.defineProperty(obj, property, { get: function() { return domElem.value; }, set: function(newValue) { domElem.value = newValue; }, configurable: true }); }

// user = {} bindModelInput(user,’name’,document.getElementById(‘foo’)); //hey presto, we now have two-way data binding.

双向绑定的方式:

  • 数据–> 界面 :Object.observe, es6 proxy, Object.defineProperty 界面 –> 数据:change
  • 数据–> 界面 :界面 –> 数据:Object.defineProperty(http://kangax.github.io/compat-table/es5/#Object.defineProperty)
文章地址: 最近的一些笔记
欢迎关注我的微博与我交流:@草依山
Github上也有一些东西:[Github]
所有文章坚决抵制jb51.net的转载!
标签:
2015-01-18

相关文章

2017-03-22 一次算PI的小尝试
2017-02-13 new做了些什么
2016-12-28 如何安全的运行一段不可信JS
2016-09-29 [翻译]bash的各种文件载入执行顺序
2016-05-31 phantomjs在linux下截图中文字体问题

文章修改纪录

加载中...
Copyright © 2013. Create By 草依山, Fork