TooBug / Secy

Sexy Web UI Component

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

备选实现原理

TooBug opened this issue · comments

  1. getter / setter 对 value 属性hook
  2. 使用 Proxy 代理DOM元素
  3. 使用 Decoration 增加行为
  4. 使用 ShadowDom ,将输入框进行封装,子元素处理变更逻辑
var proxy = new Proxy(testInput, {
	get: function(target,key,receiver){
		console.log('get');
		return Reflect.get(target,key)
	},
	set: function(target,key,value,receiver){
		console.log('set');
		return Reflect.set(target,key,value);
	}
});