Als Front-End-Mitarbeiter ist es sehr wichtig, mehrere relativ gute UI-Frameworks für die mobile Entwicklung zusammenzufassen. Die folgenden mobilen UI-Frameworks können grundsätzlich den Entwicklungsanforderungen bei der Arbeit gerecht werden Durch den geeigneten Rahmen zum Aufbau des Projekts entsprechend den Projektanforderungen ist es einfacher, die Entwicklungseffizienz zu verbessern.
1. MUI
Ein leistungsstarkes Front-End-Framework, das dem nativen APP-Erlebnis am nächsten kommt. Das Streben nach Leistungserfahrung ist unser Hauptziel beim Start MUI-Projekt. Leichtgewicht muss wichtige Funktionen sein.
MUI ist nicht auf JS-Bibliotheken von Drittanbietern angewiesen. Die komprimierten JS- und CSS-Dateien sind im Vergleich zu vielen früheren Front-End-Frameworks (insbesondere responsive Layout-Frameworks) nur 100+K und 60+K groß. UI-Steuerelemente Es sieht zu sehr wie eine Webseite aus und hat kein natives Erscheinungsbild. Daher ist es für uns auch ein wichtiges Ziel, das native UI-Feeling zu verfolgen. MUI basiert auf der Benutzeroberfläche der iOS-Plattform und ergänzt einige UI-Steuerelemente, die nur für die Android-Plattform gelten
Offizieller Link: http://dev.dcloud.net.cn/mui/
2. Gefrorene Benutzeroberfläche
Entwickelt vom Tencent-Team, anwendbar Für Webseiten, die mit Mobile QQ-Standards entworfen wurden, und für Seiten, die nicht auf Mobile QQ-Standards basieren, kann das Schnittstellendesign durch Ändern von Variablen angepasst werden. Sie können die erforderlichen Komponenten bei Bedarf auswählen oder sie bei Bedarf über CDN und Combo laden. Verwenden Sie Iconfont, um Symbole anzuzeigen, einschließlich gemeinsamer Komponenten wie Schaltflächen, Listen, Formulare, Eingabeaufforderungen, Popup-Fenster, neuer Text, Layout, 1 Pixel, REM, Textkürzung, Platzhalter, Leerzeichen an beiden Enden, Ausrichtung und andere Lösungen Zeit Das Problem der mobilen Bildschirmanpassung wurde gelöst. CSS verwendet modulare Stilbenennungs- und Organisationsspezifikationen und verwendet Sass zum Schreiben von CSS-Code.
Offizieller Link: http://frozenui.github.io/
3. Amaze UI
Amaze UI basiert auf dem Konzept „Mobile First“, das schrittweise von kleinen Bildschirmen zu großen Bildschirmen erweitert wird und schließlich die Anpassung an alle Bildschirme verwirklicht, um sich an den Trend des mobilen Internets anzupassen. Amaze UI enthält fast 20 CSS-Komponenten, mehr als 20 JS-Komponenten und mehrere Webkomponenten mit unterschiedlichen Themen. Es kann schnell bildschirmübergreifende Seiten mit hervorragenden Schnittstellen und hervorragendem Erlebnis erstellen und so die Entwicklungseffizienz erheblich verbessern. Im Vergleich zu ausländischen Frameworks konzentriert sich Amaze UI auf den chinesischen Schriftsatz und passt Schriftarten entsprechend dem Benutzeragenten an, um bessere chinesische Schriftsatzeffekte zu erzielen. Dabei wird die Kompatibilitätsunterstützung inländischer Mainstream-Browser und des integrierten Browsers der App berücksichtigt. Amaze UI wurde für HTML5 entwickelt und verwendet CSS3 für animierte Interaktionen, was reibungslos und effizient ist. Es ist besser für mobile Geräte geeignet und ermöglicht ein schnelleres Laden von Webanwendungen.
Offizieller Link: http://amazeui.org/
4 > SUI Mobile ist eine Reihe von UI-Bibliotheken, die auf Basis von Framework7 entwickelt wurden. Es ist sehr leicht und schön. Sie müssen nur unsere CDN-Datei einführen, um es zu verwenden. Es ist mit iOS 6.0+ und Android 4.0+ kompatibel und eignet sich daher sehr gut für die Entwicklung plattformübergreifender Web-Apps.
Offizieller Link: http://m.sui.taobao.org/5. Muse-UI
Basierend auf der UI-Komponentenbibliothek von Vue 2.0 und Material Design verfügt Muse UI über mehr als 40 UI-Komponenten zur Anpassung an verschiedene Geschäftsumgebungen. Die Art und Weise, wie Muse UI Themen anpasst, ist äußerst elegant und erfordert nur eine kleine Menge Code, um den Austausch des Themenstils abzuschließen. Muse UI basiert auf Vue2.0 und ist derzeit eines der schnellsten Frontend-Frameworks. Es ist klein, API-freundlich und kann zur Entwicklung komplexer Einzelseitenanwendungen verwendet werden.
Offizieller Link: https://muse-ui.org/#/zh-CN6. AUI2.0
AUI 2.0 ist ein brandneues AUI-Framework, das auf Basis von 1.X neu gestaltet wurde. Basierend auf tatsächlichen Projekten definieren wir das AUI-Framework aus der Sicht von Entwicklern und Projekten neu. In 2.0 wird eine große Anzahl flexibler reaktionsfähiger Layouts verwendet, wobei die verschachtelte Form von Container + Layoutstruktur + Steuerung verwendet wird, um Entwicklern das schnelle Entwerfen von Stilen zu erleichtern. Wir haben das Feedback der AUI-Benutzer vollständig aufgenommen und von anderen hervorragenden UI-Frameworks auf dem Markt gelernt, um die Entwicklung von Version 2.0 abzuschließen. 2.0 folgt den Google Material Design-Spezifikationen und nutzt die MIT-Open-Source-Lizenz.
Offizieller Link: http://www.auicss.com/doc/v/2/doc_id/1Empfohlenes Tutorial: " CSS-Tutorial
》《JS-Tutorial》
Das obige ist der detaillierte Inhalt vonEmpfehlen Sie sechs mobile UI-Frameworks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
