JS設計(構造)(4) - アピアランスモデル

Facadaスキンモード

1、外観モード

  快適なインターフェースは、コードのより大きな体のためのより高いレベルを提供する提供もモデルとしても知られている外部ファサードパターンは、その真の潜在的複雑さを隠し。このモデルを考えて簡素化API場合は、開発者に提示することが、常にいくつかのパフォーマンスを向上させます。

  私たちはそれを動作させるために、公共の動作を回避できるようにするためにシンプルなインターフェイスをしていない - 私たちはjQueryの$(EL)の.cssまたは$(エル).animate()メソッドを使用するたびに、私たちは実際にファサードを使用していますjQueryのコアが内蔵されたメソッドを呼び出す手動ありません。また、これは状態変数のDOM APIおよびメンテナンスと、手動で操作する必要がなくなります。

2、例

  私たちは、クロスブラウザのイベントリスナインタフェースの外観を簡素化するためにモデルを使用します。

VAR addMyEvent = 関数(EL、EV、FN){
    場合(el.addEventListener){ 
            el.addEventListener(EV、FN、)。
      } そう であれば(el.attachEvent){ 
            (el.attachEvent + "オン" EV、FN)。
      } { 
           [EL = + EV "オン"] FN。
    } 
}。

  これは最適化されていないコードサンプルがあるが、一般的な方法を作成しているが、安全で、クロスブラウザ互換性の溶液を提供することができます。

おすすめ

転載: www.cnblogs.com/doublewhy317/p/12068950.html