码迷,mamicode.com
首页 > 其他好文 > 详细

设计模式之结构型桥接模式

时间:2017-09-01 11:20:20      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:解耦   col   背景   页面   log   系统   元素   UI   over   

在系统沿着多个维度变化的同时,又不增加其复杂度并已达到解耦。

function changeColor(dom, color, bg) {
  // 设置元素的字体颜色
  dom.style.color = color;
  // 设置元素的背景颜色
  dom.style.background = bg;
}
var spans = document.getElementsByTagName(‘span‘);
spans[0].onmouseover = function() {
  changeColor(this, ‘red‘, ‘#ddd‘);
}

桥接模式最主要的特点是将实现层(如元素绑定事件)与抽象层(如修饰页面UI逻辑)解耦分离,使两部分可以独立变化,桥接模式主要是对结构之间的解耦。

设计模式之结构型桥接模式

标签:解耦   col   背景   页面   log   系统   元素   UI   over   

原文地址:http://www.cnblogs.com/camille666/p/design_pattern_struct_bridge.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!