Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Fähigkeiten von Prototype Framework_Javascript
Der hier erwähnte „Prototyp“ ist nicht der Prototyp („Prototyp“) in der JavaScript-Programmierung, sondern eine von „Sam Stephenson“ geschriebene JavaScript-Klassenbibliothek. Diese wunderbar konzipierte und standardkompatible Klassenbibliothek kann Programmierern dabei helfen, auf einfache Weise umfangreiche Client-Seiten mit hochgradig interaktiven „Web2.0“-Funktionen zu erstellen.
•Der erste Kontakt vieler Menschen mit Prototype beginnt mit der „$“-Funktionsreihe. Diese ähneln Desktop-Anwendungsverknüpfungen und sind die am häufigsten verwendeten Funktionen im Prototype-Framework. Darüber hinaus ist auch die Unterstützung von Prototype für Ajax für Entwickler von großem Interesse. Natürlich sind die Funktionen von Prototype nicht darauf beschränkt. Es wurden zahlreiche in JavaScript integrierte Objekte erweitert und auch viele neue Objekte definiert.
Einführung in das Prototyp-Framework:
•Prototype ist derzeit das am weitesten verbreitete Ajax-Entwicklungsframework. Es zeichnet sich durch praktische Funktionen und geringe Größe aus und eignet sich daher sehr gut für den Einsatz in kleinen und mittleren Webanwendungen. Die Entwicklung von Ajax-Anwendungen erfordert das Schreiben einer großen Menge clientseitiger JavaScript-Skripte, und das Prototype-Framework kann das Schreiben von JavaScript-Code erheblich vereinfachen. Noch seltener ist, dass Prototype über hervorragende Funktionen verfügt, die mit verschiedenen Browsern kompatibel sind. Mit diesem Framework müssen Sie keine Probleme mit der Browserkompatibilität berücksichtigen.
•Prototype hat viele nützliche Erweiterungen an den in JavaScript integrierten Objekten vorgenommen (z. B. „String“-Objekt, „Array“-Objekt usw.). Gleichzeitig wurden dem Framework viele benutzerdefinierte Objekte hinzugefügt, darunter auch diese für die Ajax-Entwicklung usw. sind alle in benutzerdefinierten Objekten implementiert. Prototypen können Entwicklern dabei helfen, die folgenden Ziele zu erreichen:
•(1) Führen Sie verschiedene Verarbeitungen an Zeichenfolgen durch
•(2) Verwenden Sie die Aufzählung, um auf Sammlungsobjekte zuzugreifen
•(3) Führen Sie gängige DOM-Operationen auf einfachere Weise aus
•(4) Verwenden Sie CSS-Selektoren, um Seitenelemente zu finden
•(5) Initiieren Sie eine Ajax-HTTP-Anfrage und verarbeiten Sie die Antwort
•(6) Überwachen Sie DOM-Ereignisse und Prozessereignisse
•Detaillierte Erläuterung der „Prototyp“-Framework-Funktionen – anhand praktischer Funktionen
Die Implementierung des „Prototype“-Frameworks enthält nur ein JavaScript. Die Dateigröße der Version 1.6 von „Prototype.js“ beträgt 127 KB und etwa 4220 Zeilen. Die auf der Seite angewendete Syntax ähnelt:
•<script type=”text/javascript” src=”inc"js"Prototype.js” ></script>
•Sie können dann den Komfort dieses Frameworks in nachfolgenden Skripten genießen.
•Es gibt viele vordefinierte Objekte und Hilfsfunktionen in diesem Framework, die Programmierer von sich wiederholendem Tippen befreien können.
•(1) Verwenden Sie die Funktion „$()“.
•(2) Verwenden Sie die Funktion „$F()“. Diese Funktion ist eine weitere beliebte „Verknüpfung“, mit der der Wert eines beliebigen Formulareingabesteuerelements zurückgegeben werden kann, beispielsweise mehrzeilige Textfelder und Dropdown-Listenfelder. Diese Methode kann auch eine Element-ID oder das Element selbst als Parameter verwenden.
•(3) Verwenden Sie die Funktion „$A()“. Diese Funktion wandelt das einzelne empfangene Argument in ein Array-Objekt um.
•(4) Verwenden Sie die Funktion „$H()“. Diese Funktion wandelt einige Objekte in ein aufzählbares Hash-Objekt um, ähnlich einem assoziativen Array.
•(5) Verwenden Sie die Funktion „$R()“. Diese Funktion ist die Abkürzung für „new ObjectRange(lowBound,upperBound,excludeBounds)“ und wird zum Erstellen eines Bereichsobjekts verwendet.
•(6) Verwenden Sie die Funktion „Try.these()“. Mit der Methode „Try.these()“ werden verschiedene Methoden aufgerufen, bis eine davon erfolgreich ist. Diese Funktion verwendet eine Reihe von Methoden als Parameter und führt diese Methoden nacheinander aus, bis eine davon erfolgreich ausgeführt wird. Gibt den Rückgabewert der erfolgreich ausgeführten Methode zurück. Zur Behebung von Kompatibilitätsproblemen kann die Funktion „Try.these()“ verwendet werden.