JavaScript-Darstellungsmodus

Dieses Mal werde ich Ihnen etwas über das Designkonzept von JS erzählen und auf welche Aspekte geachtet werden muss. Die entsprechenden Abschnitte werden sukzessive aktualisiert. Einzelfallmodus Wenn Sie interessiert sind, können Sie es sich ansehen.

Hinweis

JavaScriptDesignmusterReihe Github-Adresse

Ausführliche Artikelreihen sind entsprechend der Verzeichnisstruktur Sequentielles Lesen funktioniert am besten.

Korrektur und Fragen

Wenn Sie Fragen haben oder Fehler finden, können Sie in den entsprechenden Ausgaben Fragen stellen oder Korrekturen vornehmen.

Darstellungsmodus

Konzept:

stellt eine einheitliche Schnittstelle auf höherer Ebene für einen komplexen Satz von Sub-

Systemschnittstellen bereit ,

Diese Schnittstelle erleichtert den Zugriff auf die Subsystemschnittstelle

Der Darstellungsmodus wird auch Fassadenmodus genannt

Fallausführung

Es besteht die Anforderung, das Dokumentelement für einen Klick zu binden Zu diesem Zeitpunkt müssen wir Browserkompatibilitätsprobleme berücksichtigen, aber es ist offensichtlich nicht sehr sinnvoll, jedes Mal, wenn wir ein Ereignis binden, eine gewisse Browserkompatibilität zu beurteilen. Zu diesem Zeitpunkt müssen wir den Erscheinungsmodus und die Kapselung verwenden. Eine einheitliche Methode zum Binden von Ereignissen. und dann die Browserkompatibilitätsverarbeitung in dieser Methode durchführen und eine Methode zum Binden externer Ereignisse einheitlich verfügbar machen

Das nennen wir Darstellungsmodus

Code spiegelt

// Darstellungsmodus-Implementierungsfunktion wider addEvent(dom, type, fn){ // Für Browser, die

dom2-Level-Event-Handler unterstützen, addEventListener-Methode if(dom.addEventListener){ dom.addEventListener(type,fn,false); }else if(dom .attachEvent){// Für Browser, die die addEventListener-Methode, aber die attachmentEvent-Methode unterstützen dom.attachEvent('on'+type,fn }else { dom['on'+ type] = fn; / Rufen Sie das Bindungsereignis addEvent(document.getElementById('btn'),'click',function(){ console.log('I am a click event'); });

Vorteile auf des Darstellungsmodus

Bietet eine einheitliche externe Schnittstelle, verarbeitet komplexe Logik auf einheitliche Weise und erleichtert externe Aufrufe

Zusammenfassung des Darstellungsmodus

In Javascript der Darstellungsmodus ist relativ einfach zu verstehen. jQuery verwendet viele dieser

Ideen, um Browserkompatibilitätsprobleme zu lösen

Ich glaube, Sie haben diese Fälle bereits gelesen, nachdem Sie die Methode beherrscht haben, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website für spannendere Inhalte!

Verwandte Lektüre:

Wie man mit der Fehlausrichtung von CSS-Webseiten umgeht

Wie man erstellt CSS3-Ladeeffekte

So erstellen Sie eine Schmetterlingsfluganimation mit CSS3

Das obige ist der detaillierte Inhalt vonJavaScript-Darstellungsmodus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!