堅持並養成習慣，不為有趣真的好難。越是放棄就越多借口不堅持。

橋接模式

思路：分離抽象部分和實現部分，重在相互獨立。

多個維度多個變化，不同版本不同型別響應都不同。它就是做"個性化"，適應各種要求做出調整。

好處：靈活、減低耦合、提高擴充套件性。

場景：外掛開發、元件開發

假設我們要開發一個彈窗外掛，彈窗有不同的型別：普通訊息提醒，錯誤提醒，每一種提醒的展示方式還都不一樣。

首先我們定義兩個類：普通訊息彈窗和錯誤訊息彈窗。

 1 function MessageDialog(animation) {
 2   this.animation = animation;
 3 }
 
 4 MessageDialog.prototype.show = function () {
 5   this.animation.show();
 6 }
 7 function ErrorDialog(animation) {
 8   this.animation = animation;
 9 }
10 ErrorDialog.prototype.show = function () {
11   this.animation.show();
12 }

 1 var MessageDialog=function(animation){this.animation=animation;}
 
 2     MessageDialog.prototype.show=function(){this.animation.show();}
 3 
 4 
 5     var ErrorDialog=function(animation){this.animation=animation;}
 6     ErrorDialog.prototype.show=function(){this.animation.show();}
 7 
 8 
 9 
10 
11     var LinerAnimation=function(){};
12     LinerAnimation.prototype.show=function
 
(){console.log("liner");}
13 
14     var EaseAnimation=function(){}; 
15     EaseAnimation.prototype.show=function(){console.log("ease");}
16 
17     var message=new MessageDialog(new LinerAnimation());
18     message.show();
19 
20     var error=new ErrorDialog(new EaseAnimation());
21     error.show();