疎結合UI層
この章では、結合されている概念を提示します
時間に他の構成要素の多くを修正する修正コンポーネントを仮定する、それは構成要素間の密結合の存在を示します
あなたは彼が疎結合をした他のコンポーネントを変更せずにコンポーネントを変更した場合
ページは、3つの部分HTML、CSS、JavaScriptの構図、3間の疎結合を達成するために最初から構成されています
1、JavaScriptはCSSから外します
判決は、JSが表示され、CSSで良いのjsエラーやミスがないときは、CSS、JavaScriptエラーの先頭に挿入することができますが、IE9後、CSSの表現をサポートしていません。
2、CSSは、JavaScriptから切り離さ
多くの場合、例えば、JSパターンで動作します
Element.style.color = '赤'
問題は、将来の増加のスタイルで発生した場合、そのようなコードか悪いかの判断のjsの問題は、動作上の問題が発生するのスタイルでのCSSスタイルです
より良いアプローチは、操作のクラス名であり、JSとCSS方式クラス名を加えることによって達成される疎結合、
もちろん、要素またはページ全体を再配置するための更なる要素は、CSS操作をJSで行うことができるようにすることはできません
3は、JavaScriptでHTMLから引かれます
<ボタンのonclick =」doSomethingの()」> </ button>の提出
この文言は、2つの深層UI(HTMLとJS)に結合され、
問題:1、エラーがロードされません場合は、JSをファイルするときクリックされたときに、関数は、存在している必要がありますボタンをクリックしてください。図2に示すように、時間は、典型的な深い結合コードであるHTML JSコードを維持しながら変更します
JS JS問題は最初のjsファイルのjsファイルを見つけるかどうかまたはHTMLファイルを決定する必要がありますすることだと思ったときので、アウトリーチ導入の形で使用されます
4、HTMLでのJavaScriptから引き出さ
あなたは、テキストや構造的な問題をデバッグする必要がなく、どこに問題がある突き止めるためのHTMLコードjsの悪い位置に埋もれている場合、HTMLから起動したい場合には、
ラベルが挿入または以下の方法を使用して変更することができれば、ページJSへの結合を低減するために、しばしばinnerHTMLプロパティの割り当てにHTMLの場合に使用JS
テンプレートは、AJAXリクエストを介して外部のラベルを取得するために、リモートサーバー上に置かれています