Was ist jquery ui.js?

jquery ui.js bezieht sich auf die jQuery-UI-Bibliothek, eine auf jQuery basierende Open-Source-Codebibliothek für JavaScript-Webbenutzeroberflächen, einschließlich der zugrunde liegenden Benutzerinteraktion, Animation, Spezialeffekte und thematisch veränderbaren visuellen Steuerelemente. Nutzen Sie die Erweiterbarkeit von jQuery, um Plug-Ins zu entwerfen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, jQuery UI Version 1.9.2, Dell G3-Computer.

Was ist jquery ui.js?

jQuery UI ist eine Open-Source-Codebibliothek für JavaScript-Webbenutzeroberflächen, die auf jQuery basiert. Visuelle Steuerelemente, die Benutzerinteraktionen auf niedriger Ebene, Animationen, Spezialeffekte und thematisch anpassbare Steuerelemente umfassen. Wir können es direkt verwenden, um Webanwendungen mit großer Interaktivität zu erstellen. Alle getesteten Plug-Ins sind mit IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+ und Google Chrome kompatibel.

Die jQuery-Benutzeroberfläche enthält viele Widgets, die den Status verwalten, sodass sie sich geringfügig vom typischen Nutzungsmuster für jQuery-Plug-ins unterscheidet. Alle jQuery-UI-Widgets verwenden dasselbe Muster. Sobald Sie also gelernt haben, eines zu verwenden, wissen Sie, wie Sie die anderen verwenden.

jQuery UI ist eigentlich ein jQuery-Plug-in, das sich speziell auf das UI-orientierte Plug-in bezieht, das offiziell von jQuery verwaltet wird

Der Hauptunterschied zwischen jQuery UI und jquery ist:

(1) jQuery ist ein js Bibliothek, und die Hauptfunktionen, die sie bietet, sind Selektoren, Eigenschaftsänderung und Ereignisbindung usw.

(2) jQuery UI ist ein Plug-in, das auf jQuery basiert und die Erweiterbarkeit von jQuery nutzt. Stellt einige häufig verwendete Schnittstellenelemente bereit, z. B. Dialogfelder, Ziehverhalten, Größenänderungsverhalten usw.

Die jQuery-Benutzeroberfläche ist hauptsächlich in drei Teile unterteilt: Interaktion, Widgets und Effektbibliothek.

Interaktion

Interaktive Komponenten sind einige Inhalte im Zusammenhang mit der Mausinteraktion, einschließlich Draggable, Droppable, Resizable, Selectable und Sortable usw.

Widgets

sind hauptsächlich Erweiterungen einiger Schnittstellen, darunter Accordion, AutoComplete, ColorPicker, Dialog, Slider, Tabs, DatePicker, Magnifier, ProgressBar, Spinner usw. Die neue Version der Benutzeroberfläche wird mehr Widgets enthalten. Die

Effektbibliothek

wird verwendet, um umfangreiche Animationseffekte bereitzustellen, sodass die Animation nicht mehr auf die animate()-Methode von jQuery beschränkt ist.

jQuery-UI-Funktionen

Einfach und benutzerfreundlich

Übernimmt die benutzerfreundlichen Funktionen von jQuery, bietet eine hochgradig abstrakte Schnittstelle und verbessert kurzfristig die Benutzerfreundlichkeit der Website.

Open Source und kostenlos

Mit der MIT- und GPL-Doppellizenzierung können verschiedene Lizenzanforderungen von kostenlosen Produkten bis hin zu Unternehmensprodukten problemlos erfüllt werden.

Weitgehend kompatibel

Kompatibel mit allen gängigen Desktop-Browsern. Einschließlich IE 6+, Firefox 2+, Safari 3+, Opera 9+, Chrome 1+.

Leicht und schnell

Komponenten sind relativ unabhängig und können bei Bedarf geladen werden, um Bandbreitenverschwendung und eine Verlangsamung des Öffnens von Webseiten zu vermeiden.

Erweiterte Standards

Unterstützt WAI-ARIA und bietet progressive Erweiterung durch Standard-XHTML-Code, um die Zugänglichkeit in Low-End-Umgebungen sicherzustellen.

Schön und veränderbar

Bietet fast 20 voreingestellte Themen und kann bis zu 60 konfigurierbare Stilregeln anpassen, sodass 24 Hintergrundtexturen zur Auswahl stehen.

Offen und öffentlich

Von der Strukturplanung bis zum Code-Schreiben ist der gesamte Prozess offen und jeder kann an Dokumentation, Code und Diskussionen teilnehmen.

Starke Unterstützung

Google bietet CDN-Content-Delivery-Netzwerk-Unterstützung für die Veröffentlichung von Code.

Vollständige chinesische Version

Das Entwicklungspaket verfügt über integrierte mehr als 40 Sprachpakete, darunter auch Chinesisch.

Vorteile und Mängel:

1 Der Code ist nicht robust genug: Es fehlen umfassende Testfälle, einige Komponenten weisen viele Fehler auf und können die Produktentwicklungsanforderungen auf Unternehmensebene nicht erfüllen.

2. Unzureichende Architekturplanung: mangelnde Koordination der APIs zwischen Komponenten und fehlende Hilfe bei der kooperativen Nutzung.

3. Weniger Steuerelemente: Im Vergleich zu ausgereiften Produkten wie Dojo, YUI und Ext JS sind weniger Steuerelemente verfügbar und können komplexe funktionale Anforderungen an die Benutzeroberfläche nicht erfüllen.

【Empfohlenes Lernen: jQuery-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonWas ist jquery ui.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!