Proxy 实现 ViewModel 到 View

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ViewModel to View</title>
</head><body><div><label for="name">姓名：</label><input id="name" type="text" oninput="onChangeName(this.value)"><label for="age">年龄：</label><input id="age" type="text" oninput="onChangeAge(this.value)"></div><div id="app"></div>
</body><script>var element = document.querySelector('#app')var student = {age: 22,name: 'Tom'}element.innerHTML=`姓名：${student.name}；年龄：${student.age}`var handle = {get: function (target, key) {console.log(`[proxy] key: ${key}`)},set: function (target, key, value) {console.log(`[proxy] key: ${key}; value: ${value}`)target[key] = valueelement.innerHTML=`姓名：${student.name}；年龄：${student.age}`}}var peoxy_object = new Proxy(student, handle)function onChangeName(value){peoxy_object.name = value;}function onChangeAge(value){peoxy_object.age = value;}
</script></html>

图一初始状态

图二修改后状态

Proxy 简答实现 ViewModel 和 View相关推荐

Android期末复习篇_传智课后习题以及答案（选择、填空、判断、简答、编码题）
写在前面此为移动应用开发传智课后习题及答案,供期末复习使用,注意答案仅供参考加粗题目为强调题型涉及:选择.判断.填空.简答.编程题另8章习题及答案汇总:Android期末复习篇_8章节练习题 ...
java单链表查询功能,Java 实现简答的单链表的功能
作者:林子木博客网址:http://blog.csdn.net/wolinxuebin 參考网址:http://blog.csdn.net/sunsaigang/article/details/5 ...
计算机二级考试模拟表单答题,2016年计算机二级考试《VFP》模拟简答试题
1[简答题]1.建立一个表单文件myform,将employee表添加到表单的数据环境中,然后在表单中添加表格控件gridl,指定其记录源类型为"别名".记录源为employee表 ...
计算机组成原理与应用,计算机组成原理简答与应用
简答与应用 1．何谓中断?? 中断是由外围设备或其他非预期的急需处理的事件引起的,CPU暂时中断正在执行的程序,转至另一服务程序去处理这一事件,待事件处理完毕后返回原程序继续执行. 2.(不算CPU中 ...
第二章简答_微观第二章效用论
第二章效用论效用论分为基数效用论和序数效用论基数效用论:效用可以用基数数字来表示. 序数效用论:效用无法用数字表示,只能根据满足程度的大小进行排序. 一.基数效用论 1.效用(名词解释):指消费 ...
2021教师资格证中学科目二简答汇总分享
如下所示: 科目二[教育知识与能力]简答汇总,免费分享,资料持续更新: 1.适用于2021年初中和高中考教师资格证的朋友: 2.标注的一级和二级重点,需重点记忆: 3.巧用口诀加以记忆. 祝顺利上岸, ...
货币银行学简答论述题
第二章货币与货币制度简答题 1．什么是货币的本质特征?它在商品经济中发挥着哪些主要功能? ．答:货币是固定地充当一般等价物的特殊商品,并体现一定的社会生产关系.这就是货币的本质的规定. 货币在商品 ...
java画笑脸_java的画图运用。一个简答的笑脸程序☺
一个简答的笑脸. 需要两个java文件代码如下: GradeBook.java import java.awt.Color; import java.awt.Graphics; import jav ...
景深决定照相机什么特性_2017年摄影专业单独考试试题库——简答
简答: 1．什么是景深? 答:当镜头对准某景物聚焦后,在该景物前后一定距离范围内的景物,也能在焦平面上 ,结成比较清晰的影像.这个结成清晰景物影像空间的纵长距离范围,称作景深. 2．什么是轮廓光?在摄 ...

Proxy 简答实现 ViewModel 和 View

Proxy 实现 ViewModel 到 View

Proxy 简答实现 ViewModel 和 View相关推荐

最新文章

热门文章