Heim > Web-Frontend > js-Tutorial > Hauptteil

Unterschiede und Anwendungsszenarien von JS-Frameworks wie JQuery, Extjs, YUI, Prototype, Dojo (praktische Fähigkeiten)

亚连
Freigeben: 2018-05-21 15:00:14
Original
1682 Leute haben es durchsucht

Mit der rasanten Entwicklung von Web 2.0 wird die vom Browser getragene Arbeitslast immer größer (wenn die Leistung nicht sehr beeinträchtigt wird, sind Entwickler es gewohnt, alles zu tun, was mit dem Browser möglich ist). Tun Sie dies, um den Serverdruck und die Bandbreitengebühren usw. zu reduzieren.

Daher ist Javascript zu einer der grundlegendsten Voraussetzungen für die Webentwicklung geworden. In der tatsächlichen agilen Entwicklung wählen wir normalerweise ein JS-Framework, um das umständliche Schreiben von nativem Javascript zu ersetzen. Sie werden feststellen, dass dies viel Zeit spart und der von Ihnen geschriebene Code klar und praktisch ist. (Als Student habe ich natürlich auch die Frage gestellt, dass die Verwendung eines Frameworks mir kein tiefes Verständnis des ursprünglichen Javascript vermitteln würde. Tatsächlich ist dies ein Überdenken. Wenn Sie Ihr Verständnis des Frameworks vertiefen, werden Sie es auch tun Um ein intelligenter Entwickler zu werden, sind die beiden voneinander abhängig, und der beste Zustand ist, ein JS- und CSS-Framework genau nach Ihren eigenen Bedürfnissen zu entwickeln, wie Qzone weil Qzone zu groß ist. )
Es gibt derzeit viele beliebte JS-Frameworks wie Dojo, Scriptaculous, Prototype, yui-ext, Jquery, Mochikit, mootools, moo.fx usw. Natürlich gibt es viele Frameworks, mit denen ich nicht vertraut bin, daher werde ich sie nicht auflisten. Viele Leute werden im Forum fragen, welches Framework besser ist? Welches Framework ist fantastischer? Welches Framework OO ist komfortabler? webryan Persönlich denke ich, dass dies ein logischer Fehler ist, den ein Anfänger leicht machen kann. Es gibt nicht das Beste für irgendetwas oder irgendein Werkzeug auf der Welt, nur geeignet oder ungeeignet. Wir müssen ein Framework mit relevanten Funktionen auswählen, das auf den tatsächlichen Anforderungen unseres Projekts basiert.
1. JQuery
Empfehlungsstufe: fünf Sterne
Nutzungsszenario: beliebig
Download-Adresse: www.jquery.com oder Suche nach JQuery-Download auf Google
Empfehlungsgrund: Das Framework, das ich derzeit am häufigsten verwende (natürlich habe ich auch mehrere andere Frameworks entwickelt), ist auch das, das ich persönlich am meisten empfehle. Als ich mich mit einigen Technologien in der Branche unterhielt, stellte ich fest, dass der CTO von xiaonei.com, Tencent oder andere aufstrebende Web2.0-Experten dieses Framework alle empfehlen. Was genau ist also der Nutzen? 1. Klein. (Dies ist ein ernstes Problem nach der Skalierung) 2. Einfach (Geringe Lernkosten, aber hohe Effektivität, das Handbuch enthält ausreichend klare Beispiele, um Sie von 0 bis zum Projektabschluss zu führen) 3. Die interne Struktur ist Open Source konzentriert sich auf Logik. 4. Leistungsstarke DOM-Auswahl (tatsächlich verarbeitet JS hauptsächlich DOM) 5. Gute UI-Erweiterung (was ich hier erwähnen möchte, sind JQuery-Tools und JQuery-UI. Sie können nach diesen beiden erweiterten JQuery-UIs suchen. Sie können Ich werde feststellen, dass die Benutzeroberfläche so einfach ist, und das liegt auch an der Skalierbarkeit der Benutzeroberfläche, sodass sie anderen Frameworks in nichts nachsteht.
2. Extjs
Download-Adresse: http://extjs.com/
Nutzungsszenario: internes System. Backend-System. Managementsystem usw.
Empfehlungsstufe: vier Sterne
Grund für die Empfehlung: Extjs hat ein sehr tolles UI-Design. Wenn Sie also Dinge wie Backend-Management, interne Unternehmensprozesse oder andere Managementsysteme erledigen, ist dieses Ding zweifellos die beste Wahl. Warum? Weil es mit nur wenigen Codezeilen eine sehr schöne Benutzeroberfläche mit vollständiger Benutzeroberfläche mit leistungsstarken Funktionen und optionalen Stilen generieren kann. Ich habe mit diesem System ein CMS-Backend und ein internes Unternehmenssystem erstellt, wodurch viel Arbeitskraft und Zeit gespart wurde, und es wurde weithin gelobt. Der Nachteil besteht darin, dass js möglicherweise mehrere Dateien gleichzeitig herunterlädt, wenn eine Seite viele Registerkarten lädt. Einfach ausgedrückt: js wird größer sein. Für das Back-End-Management und unternehmensinterne Systeme wird dies jedoch zu einem Engpass.
3. YUI
Download-Adresse: http://developer.yahoo.com/yui/
Empfehlungsstufe: 4 Sterne
Grund für die Empfehlung: Ich studiere nur das YUI Framework Es wurde bereits verwendet, wurde jedoch im Projekt nicht unabhängig verwendet. Meistens verwendeten die Senioren nach dem Eintritt in das Projekt YUI, und dann setzten wir die vorherige Rolle in der späteren Entwicklung fort. Einige Module der QQ-Festplatte und des Mopps wurden schon vor langer Zeit verwendet, aber jetzt ist sehr klar, wer sie immer noch verwendet. Es ähnelt in gewisser Weise Extjs und bietet viele Vorteile in der Benutzeroberfläche.
Verwendungsszenarien: Teilen Sie jedes Modul von YUI auf und verwenden Sie bestimmte Teile von Yui, um Ihre eigenen Module für unterschiedliche Anforderungen auszufüllen. Oder etwas Ähnliches wie eine Netzwerkfestplattenanwendung.
4. Dojo
Download-Adresse: http://dojotoolkit.org/
Empfehlungsstufe: vier Sterne
Grund für die Empfehlung: Dojo ist bewusst das leistungsstärkste Javascript-Framework Zur Erinnerung: der Mächtigste. Es enthält also fast alles, was Sie benötigen. ). Dojo ist besser für die Anforderungen von Unternehmensanwendungen und Produktentwicklung geeignet, da Komponenten wie Offline-Speicher, DataGrid, 2D-, 3D-Grafiken, Diagramme, Comet usw. alle für Unternehmensanwendungen sehr wichtig sind (natürlich wird es einige Zeit dauern). diese Komponenten zu stabilisieren). Dojo wurde beispielsweise in Produkten verwendet, die von BEA auf Basis der Mashup-Technologie entwickelt wurden. Aber brauchen wir diese Funktionen? Ist es notwendig, ein so großes Web 2.0-Produkt zu entwickeln? Dies hängt von Ihren eigenen Bedürfnissen ab. Und die Mängel von Dojo liegen auf der Hand: Es ist zu groß, hat zu viele Funktionen und die Lernkurve ist zu steil. Aber wenn es für Unternehmensanwendungen verwendet wird, wird es wie eine Ente im Wasser sein. Aus diesem Grund stellen Unternehmen wie IBM bei der Personalbeschaffung Dojo und das Erlernen von Dojo an die erste Stelle.
5. Prototyp
Der ausgereifteste. Aber ich persönlich denke, dass es durch Jquery ersetzt werden kann. Auch die Ähnlichkeit zwischen beiden ist relativ hoch. Hier gibt es nicht viel zu sagen.
6. Mootools
Download-Adresse: http://mootools.net/
Empfehlungsstufe: 4 Sterne
Grund der Empfehlung: OO Design Thinking. Starke Modularität und relativ geringer Kopplungsgrad. Einige Leute sagen, dass der UI-Effekt besser ist als der von Jquery. Wenn Sie die UI noch nicht verwendet haben, werde ich vorerst nicht mehr darüber sagen. Entwickler können anhand ihrer Demos sehen, ob die Effekte oder Selektoren für Sie geeignet sind.
OK, das echte Framework wird immer noch verwendet und geschrieben. Wenn Sie nach dem Lesen des oben Gesagten immer noch verwirrt sind, empfehle ich Ihnen, mit JQuery zu beginnen, O(∩_∩)O haha.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Konzentrieren Sie sich auf das __proto__-Attribut in JavaScript (Bild- und Text-Tutorial)

Prototyp in JavaScript Umfassende Analyse des Prototyps

Umfassende Analyse von Objekttyp und -umfang in objektorientierten JavaScript-Konzepten (mit Beispielen)

Das obige ist der detaillierte Inhalt vonUnterschiede und Anwendungsszenarien von JS-Frameworks wie JQuery, Extjs, YUI, Prototype, Dojo (praktische Fähigkeiten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage