Zu den gängigen UI-Frameworks im Front-End gehören: Laui-Framework, NEC-Framework, Bootstrap, Easyui, jQuery-UI-Framework, Foundation-Framework usw.
Als Front-End-Technologie wird von Tag zu Tag aktualisiert, je mehr Es entstehen immer mehr Front-End-Frameworks. Diese Front-End-Frameworks sparen viel Zeit in unseren Entwicklungsprojekten und ermöglichen uns die schnelle Entwicklung von Produkten mithilfe dieser Technologien. Als nächstes werde ich Ihnen in dem Artikel einige häufig verwendete Front-End-UI-Frameworks vorstellen, die hoffentlich für alle hilfreich sind
Layui
Offizielle Website: https://www.layui.com/
Layui ist ein Front-End-UI-Framework, das auf standardisierte Weise geschrieben wurde Es basiert auf nativem HTML/CSS/. Das Schreiben und Organisieren von JS erleichtert den Einstieg und ist sehr einfach zu verwenden. Jedes Detail vom Kerncode bis zur API wurde sorgfältig ausgearbeitet, was sich sehr gut für eine schnelle Entwicklung der Schnittstelle eignet.
NEC
Offizielle Website: http://nec.netease.com/
Das NEC-Framework ist ein hervorragendes CSS-Framework, das Spezifikationen, Frameworks, Codebibliotheken usw. umfasst. Es bietet außerdem gängige Layouts, Module, Techniken und andere Codes. Um die Produktanforderungen für verschiedene Plattformen und Geräte zu erfüllen, verwendet die Codeentwicklung in der NEC-Codebasis drei Versionen: kompatibel, elegant, erweitert
kompatibel : Unterstützt alle gängigen Browser und Geräte, einschließlich IE6, der UI-Effekt kann beeinträchtigt sein.
Eleganz: Es hat einen „erweiterten“ Effekt in fortgeschrittenen Browsern und einen „kompatiblen“ Effekt in Low-Level-Browsern. Es ist die „elegante Verschlechterung“ der erweiterten Version und die „progressive Verbesserung“ der kompatiblen Version.
Erweitert: Unterstützt IE9+, Chrome, Safari, Firefox und andere gängige Browser, unterstützt mobile Geräte und alle Smart-Systeme und verfügt über hervorragende UI-Effekte.
Kurz gesagt: NEC bietet viele grundlegende Dinge für Web-Front-End-Ingenieure, die neu in der Branche sind. Es kann uns dabei helfen, einige systematische Dinge, Spezifikationen, Fehler und Techniken des Web-Front-Ends besser zu erlernen Und noch bequemer. Jede Demo verfügt außerdem über einen eigenen Code-Ausführungseffekt, der jederzeit geändert werden kann, um Ihr eigenes Debuggen und Lernen zu erleichtern
Bootstrap
Offizielle Website: http://www.bootcss.com/
Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites . Bootstrap basiert auf den Sprachen HTML, CSS und JAVASCRIPT. Ein einfaches, intuitives und praktisches Front-End-Entwicklungsframework macht die Webentwicklung schneller und einfacher.
[Empfohlene Kurse: Bootstrap-Tutorial]
jquery EasyUI
Offizielle Website :http://www.jeasyui.net/
easyui ist eine Sammlung von Benutzeroberflächen-Plug-ins basierend auf jQuery. Bietet die notwendige Funktionalität zum Erstellen moderner, interaktiver JavaScript-Anwendungen. Mit easyui müssen Sie nicht viel Code schreiben. Sie müssen lediglich die Benutzeroberfläche definieren, indem Sie einige einfache HTML-Tags schreiben. Unterstützt perfekt das komplette Framework von HTML5-Webseiten. Sparen Sie Zeit und Skalierbarkeit bei Ihrer Webentwicklung.
[Empfohlene Kurse: jQuery easyui-Tutorial]
jquery ui
Offizielle Adresse: https://jqueryui.com/
jQueryUI ist eine Reihe von jQuery-Seiten-UI-Plug-Ins, einschließlich vieler häufig verwendeter Seitenbereiche. Zum Beispiel: Dialogfelder, Drag-and-Drop-Effekte, Datumsauswahl, Farbauswahl, Datensortierung, Formulargrößenanpassung usw. Die Funktionen sind sehr umfangreich und die Benutzeroberfläche ist schön. Es kann als Ganzes oder mit mehreren Modulen verwendet werden separat verwendet werden. Und es ist kostenlos und Open Source!
[Empfohlene Kurse: jQuery UI Tutorial]
Foundation
Offizielle Website :http://www.foundcss.com/
Foundation ist ein benutzerfreundliches, leistungsstarkes und flexibles responsives Front-End-Framework zum Erstellen responsiver Websites und Webanwendungen auf jedem Gerät und E-Mail. Die Struktur ist semantisch, mobilorientiert und vollständig anpassbar.
[Empfohlenes Tutorial: Grundlagen-Tutorial]
YDUI Touch
Offizielle Website-Adresse: http://www.ydui.org/
YDUI Touch wurde speziell für das mobile Endgerät entwickelt. Es ist hinsichtlich der technischen Implementierung und des Interaktionsdesigns kompatibel und gewährleistet einen leichten Code und eine hohe Leistung. Es nutzt die Flex-Technologie, um Elemente flexibel auszurichten, zu verkleinern und zu erweitern Einfache Handhabung mobiler Seiten; Implementierung eines leistungsstarken Bildschirmanpassungslayouts und Anpassung an alle Bildschirme gleichermaßen. Dadurch können Sie JavaScript-Komponenten, weniger Dateien und Variablen anpassen und Ihr eigenes YDUI anpassen
Empfohlene verwandte Artikel: Häufig verwendetes Frontend Frameworks Was sind die
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er wird für alle hilfreich sein.
Das obige ist der detaillierte Inhalt vonWas sind die am häufigsten verwendeten Front-End-UI-Frameworks?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!