Am Vorabend des 520-Feiertags machte das Miniprogramm die Programmierer erneut unruhig. Es aktualisierte einige attraktive Funktionen wie die Inhaltsweiterleitungs-API, die iBeacon-API, die Vibrations-API, die API zur Anpassung der Bildschirmhelligkeit usw. Außerdem wurde die Karte verbessert Funktion der Komponente. In diesem Update wird auch eine neue UI-Komponente hinzugefügt, nämlich die Ansichtskomponente „movable-view“, die zusammen mit „movable-area“ verwendet werden muss. Einfach ausgedrückt handelt es sich um einen Container, der das Ziehen von Inhalten innerhalb eines bestimmten Bereichs unterstützt. Schauen wir uns ein einfaches Beispiel an:
1. Einführung inmovableview, eine neue Drag-Komponente, die von WeChat entwickelt wurde
Einführung: Am Vorabend des 520-Feiertags machte das Miniprogramm die Programmierer erneut unruhig, und einige Updates sind sehr verlockend. Funktionen B. die Inhaltsweiterleitungs-API, die iBeacon-API, die Vibrations-API, die API zur Anpassung der Bildschirmhelligkeit usw., haben auch die Funktionen der Kartenkomponente erweitert. In diesem Update wurde auch eine neue UI-Komponente hinzugefügt, nämlich die Ansichtskomponente „movableview“, die erforderlich ist Wird mit beweglichem Bereich verwendet. Einfach ausgedrückt handelt es sich um einen Container, der das Ziehen von Inhalten innerhalb eines bestimmten Bereichs unterstützt
2. Detaillierte Erläuterung des Textcodes
Einführung: Magic ist eine JavaScript-basierte UI-Komponente, die Codemenge im Magic-Framework ist sehr groß Wenige, und die Betriebseffizienz ist sehr gut. Gleichzeitig enthält Magic viele häufig verwendete Webanwendungskomponenten, darunter Bildkarussells, Kalender, Dialogfelder, Seiten, Registerkarten und andere UI-Komponenten Tangram. Ein JavaScript-Framework ähnlich wie jQuery, das neueste Magic kann Tangram als zugrunde liegende Bibliothek verwenden, und Sie können auch jQuery als zugrunde liegende Bibliothek wählen.
3. Details zum Zeichnen eigener UI-Komponenten
Einführung: HTML5 Open Source Engine lufylegend-1.7. 1 Das Download-Paket der Version enthält die Datei lufylegend.ui-0.1.0.js, eine dedizierte UI-Komponente der lufylegend.js-Engine. Ich habe in der API-Einführung auch gesagt, dass diese UI-Komponente speziell für faule Leute vorbereitet ist ., einschließlich Schaltflächen, Optionsfelder, Kombinationsfelder, Bildlaufleisten und andere Benutzeroberflächen, damit Sie neue UI-Komponenten besser verstehen und erweitern können . Button LButtonSample1 First
4. 6 Android-Bibliotheken, die Ihren Code sauberer machen können
Einführung: Android-Entwicklung macht Spaß – daran besteht kein Zweifel. Es gibt jedoch immer noch viele Plattformen, die uns dazu zwingen, sich wiederholenden Standardcode zu schreiben, und vieles davon hat mit dem zu tun Benutzeroberfläche, mit der Sie sich befassen müssen. Es gibt einige, die Sie wirklich benötigen, wenn Ihre Anwendungsarchitektur sauber sein soll. Im Hintergrund laufen viele Vorgänge asynchron ab; tatsächlich kann es leicht passieren, dass am Ende eine Menge Spaghetti-Code entsteht, der nicht lesbar ist oder sich einfach nicht richtig anfühlt.
5. PHP Development Framework Yii Framework Tutorial (40) Zii Component-SliderInput-Beispiel
Einführung: CJuiSliderInput zeigt einen Schieberegler an. Es kapselt auch das JUI-Schieberegler-Plug-in und kann in einem Formular als Benutzereingabe-UI-Komponente verwendet werden.
6. PHP Development Framework Yii Framework Tutorial (33) Zii-Komponenten-Akkordeon-Beispiel
Einführung: Die Zii-Komponente enthält einige JQuery-basierte UI-Komponenten, die im Paket zii.widgets.jui definiert sind, einschließlich CJuiAccordion, CJuiAutoComplete, CJuiDatePicker usw. In diesem Artikel wird CJuiAccordion vorgestellt, das eine Accordion-Komponente anzeigt (eine UI-Komponente, die wie ein Akkordeon gefaltet werden kann). Dieses Steuerelement kapselt das JUI Accordion-Plug-In.
7. PHP Development Framework Yii Framework Tutorial (29) Beispiel für ein Zii-Komponentenmenü
Einführung: Zusätzlich zur Einführung der Yii-Datenbankschnittstelle werden in diesem Artikel Zii-Komponenten vorgestellt, darunter ListView, GridView und einige auf JQuery basierende UI-Komponenten wie AutoComplete, DataPicker, Button, Drag-and-Drop usw.
8. PHP Development Framework Yii Framework Tutorial (28) Einführung in den Datenanbieter
Einführung: Bevor wir mit der Einführung von Zii-Komponenten beginnen, stellen wir kurz die von Yii unterstützte Datenquellenschnittstelle IDataProvider vor. Die Hauptfunktion von IDataProvider besteht darin, Datenquellen für UI-Komponenten wie GridView, ListView usw. bereitzustellen. usw. und unterstützt auch das Paging und Sortieren von Daten. Das Bild unten zeigt die drei in Yii integrierten Datenquellen:
9. PHP Development Framework Yii Framework Tutorial (22) UI Components Introduction to Zii Components
Einführung: Einige der vom Yii-Framework unterstützten UI-Komponenten wurden bereits früher eingeführt Das Yii-Framework bietet neben einigen auf JQuery basierenden UI-Komponenten auch die Zii-Bibliothek, einschließlich der Listenansicht ListView und des Yii Framework-Tutorials (21) UI-Komponenten-Captcha-Beispiel
Einführung: Das integrierte Captcha von Yii kann grundsätzlich die meisten Anforderungen erfüllen. Wenn Sie Fragen zu Verifizierungscodes haben. Für besondere Anforderungen können Sie Captcha anpassen, dieses
[Verwandte Frage-und-Antwort-Empfehlung]:
Javascript - element-ui-Komponente von vuejs2.0 Der Selektor kann den ausgewählten Inhalt nicht anzeigen
Javascript – Welche UI-Komponentenbibliotheken gibt es für React?
Javascript – Was sind einige nützliche UI-Komponenten in VueJS?
Javascript – ein (Web-Website-Erstellung) Seitendesigner basierend auf React?
Javascript – So verwenden Sie die Mint-UI-Komponente von Ele.me mit Taobaos flexible.js! !
Das obige ist der detaillierte Inhalt von10 empfohlene Kurse zu UI-Komponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
