1 Einführung in die beliebte Ajax-Framework-Technologie. Wenn das vorhandene Ajax aus Framework-Perspektive klassifiziert wird, kann es wie folgt klassifiziert werden:
Ø Level 0 vervollständigt die Basisarbeit, einschließlich Methoden zur Erweiterung der Originalobjekte und des Ajax-Kommunikationsteils, der relativ rationalisiert ist.
Ø Level 1 vervollständigt die Effektarbeit, einschließlich des Hinzufügens gängiger Effektkonvertierungsfunktionen wie Spezialeffekte wie Tween, Drag, MaskLayer, Fade usw.
Ø Level 2, schließt Komponentenarbeiten ab, einschließlich Komponenten wie Dialogfelder, Listen, Bäume, Kalender usw.
Ø Level 3 vervollständigt die Anwendungsarbeit, einschließlich einer vollständigen Front-End-Plattform, die es Benutzern ermöglicht, Module zu definieren, die bestimmte Funktionen erreichen können.
Einige Frameworks führen nur Level Null durch, wie etwa Prototype.js, einige Frameworks erreichen Level eins, wie etwa jQuery, und einige Frameworks erreichen Level drei, wie etwa Asp.net Ajax und EXT.
Die Auswahl des geeigneten Ajax-Frameworks kann die Programmeffizienz verbessern, den Entwicklungsaufwand reduzieren und die Anzeigeeffekte optimieren.
1.1 Asp.net Ajax-Einführungshomepage: http://www.asp.net/cn/
Design Thinking
ASP.NET Ajax integriert eine Reihe clientseitiger Skriptbibliotheken zur Integration in die funktionsreiche, serverbasierte Entwicklungsplattform ASP.NET. Das serverseitige Programmiermodell ist einfacher als das clientseitige Programmiermodell und lässt sich leicht in vorhandene ASP.NET-Programme integrieren. Um komplexe Funktionen zu implementieren, müssen Sie normalerweise nur einige Steuerelemente auf die Seite ziehen, ohne dies zu tun Verstehen Sie die tiefgreifenden Arbeitsprinzipien. Darüber hinaus enthält das ASP.NET AJAX Control Toolkit für die serverseitige Programmierung eine große Anzahl unabhängiger AJAX-Steuerelemente und AJAX-Funktionserweiterungen zu den ursprünglichen Serversteuerelementen von ASP.NET.
1.2 Jquery-Einführungshomepage: http://jquery.com/
Die Designidee ist einfach: Fast alle Vorgänge beginnen mit der Auswahl von DOM-Elementen (mit leistungsstarkem Selector) und bearbeiten diese dann (Verkettung und andere Funktionen). Der Einstieg ist sehr einfach, der Code ist sehr einfach, kommt dem ursprünglichen JavaScript sehr nahe und die Datei ist sehr klein.
1.3 Extjs-Einführungshomepage: http://extjs.com/
Design Thinking
100 % objektorientiertes und komponentenbasiertes Denken, konsistente Syntax und globaler Namespace. Die Dokumentation ist vollständig, standardisiert und komfortabel. Alle Komponenten (Widgets) können ohne Einrichtung direkt genutzt werden
2 Leistungsvergleich
Die Leistung von Ajax-Anwendungen hängt von mehreren Aspekten der Webanwendung ab:
Antwortzeit des Ø-Servers
Ø Netzwerkübertragungszeit
Ø-Client-JavaScript-Verarbeitungszeit
Sie können verschiedene Frameworks verwenden, um Programmbeispiele zu erstellen und mit FireBug deren Leistung zu testen.
Aus der Perspektive des Erzeugungsmechanismus
Die Asp.net Ajax-Serversteuerung generiert ihren Steuercode. Die generierte JS-Datei ist möglicherweise etwas größer
Die Originaldatei von Microsoft Ajax ist mit 82 KB relativ klein und die Ladegeschwindigkeit ist relativ hoch.
Die ursprüngliche JQuery-Datei ist relativ klein, etwa 40 KB, und die Ladegeschwindigkeit ist relativ hoch.
Die Originaldatei von Ext2.0 ist mehr als 500 KB groß und die Ladegeschwindigkeit ist etwas langsam.
Natürlich können Sie die Leistung von Ajax verbessern, indem Sie die Leistung optimieren, unnötige Add-ons reduzieren und Caching und andere Technologien verwenden.
3 Vergleich der Benutzerfreundlichkeit
3.1 Verwendung von Asp.net Ajax
Durch die Integration in die VS2008-Entwicklungsumgebung sind Entwicklung und Debugging sehr praktisch.
Um komplexe Funktionen zu implementieren, müssen Sie normalerweise nur wenige Steuerelemente auf die Seite ziehen, ohne die detaillierten Arbeitsprinzipien verstehen zu müssen. Darüber hinaus enthält das ASP.NET AJAX Control Toolkit für die serverseitige Programmierung eine große Anzahl unabhängiger AJAX-Steuerelemente und ASP.NET-Grundelemente Es gibt AJAX-Funktionserweiterungen für Serversteuerelemente, die ebenfalls sehr einfach zu implementieren sind. Es gibt eine große Anzahl an Büchern, Quellcodes und Videomaterialien im Internet, die auch von der offiziellen Microsoft-Community unterstützt werden.
3.2 Verwendung von Jquery
Microsoft Visual Studio 2008 SP1 unterstützt dynamische Eingabeaufforderungen für JQuery. Intelligente Eingabeaufforderungen können durch den Import des entsprechenden vsdoc-Skripts in die Codepage realisiert werden. Das Framework verfügt außerdem über eine große Anzahl von Beispielen, die Dokumentation ist sehr vollständig, verschiedene Anwendungen werden detailliert beschrieben und es stehen viele ausgereifte Plug-Ins zur Auswahl.
3.3 Extjs-Nutzung
Microsofts Visual Studio 2008 unterstützt auch dynamische Eingabeaufforderungen für Extjs. Solange das entsprechende vswd-ext-Skript in die Codepage importiert wird, können intelligente Eingabeaufforderungen realisiert werden. Das Framework verfügt außerdem über eine große Anzahl an Quellbeispielen, seine Dokumentation ist sehr vollständig und auch seine verschiedenen Anwendungen werden ausführlich erläutert.