外观模式其实就是提供一个更高级的统一的接口,常用于处理兼容性统一或者封装,比如,处理绑定事件,下面以下两个例子为例。
1. 封装绑定事件:
2.还可以用外观模式封装多个功能:
相关推荐:
JS设计模式——外观模式
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
JS设计模式之外观模式
js 外观模式
function addEvent(dom,type,fn){ if(dom.addEventListener){
dom.addEventListener(type,fn,false)
} else if(dom.attachEvent){
dom.attachEvent('on'+type,fn);
} else {
dom['on'+type]=fn;
}
}
var myp = document.getElementById('myp');
addEvent(myp,'click',function(){
console.log('hahah');
})var A={ get:function(id){
return document.getElementById(id)
}
css:function(id,key,value){
this.get(id).style[key]=value;
}
html:function(id,content){
this.get(id).innerHTML=content;
}
A.html('box','这是新添加的内容');