Que sont les frameworks mobiles html5 ?

Frame mobile html5 : Framework7, SUI Mobile, FrozenUI, Amaze UI, MUI, WeUI, VUX, WEEX, antd-mobile, vue-carbon, uiKit, H-ui, layui, vonic, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Liste des bibliothèques d'interface utilisateur Web mobile (framework H5)

Framework7

Framework7 est un source Cadre gratuit. Il peut être utilisé pour développer des applications mobiles hybrides (mixtes natives et HTML) ou développer des WEB APP de style iOS & Android. Il peut également être utilisé comme outil de développement de prototypes pour créer rapidement un prototype d'application.

Pour l'utiliser, il vous suffit d'avoir une mise en page HTML de base, et d'importer les fichiers CSS et JS de Framework7 ! Framework7 ne vous oblige pas à écrire de balises personnalisées et ne génère aucun contenu supplémentaire via JS. Vous n'avez pas besoin d'écrire la page via JS ou JSON, juste du HTML simple.

Framework7 dispose d'un grand nombre de composants et d'outils d'interface utilisateur qui peuvent être utilisés directement, tels que des modaux, des fenêtres contextuelles, des feuilles d'action, des fenêtres contextuelles, des vues de liste, des listes de médias, des onglets, des panneaux latéraux, une grille de mise en page, un préchargeur, un formulaire. éléments, etc Pour la plupart des composants, vous n’avez pas besoin d’écrire de code JS.

SUI Mobile

MSUI est l'œuvre de l'équipe UED de la division Alibaba Shared Business. L'objectif est de fournir une bibliothèque de composants couramment utilisés pour les pages mobiles H5 afin de réduire la duplication du travail.

SUI Mobile est un ensemble de bibliothèques d'interface utilisateur développées sur la base de Framework7. Il est très léger et beau. Il vous suffit d'introduire notre fichier CDN pour l'utiliser. Il est compatible avec iOS 6.0+ et Android 4.0+, ce qui le rend très approprié pour développer des applications Web multiplateformes.

FrozenUI

Frozen UI est un framework d'interface utilisateur mobile open source, facile à utiliser, léger et rapide. Sur la base des spécifications de style Mobile QQ, les composants les plus couramment utilisés sont sélectionnés et

sont transformés en un package public hors ligne pour Mobile QQ afin de réduire les demandes. La méthode de mise à niveau est conviviale et la documentation est actuellement complète. entièrement utilisé dans les services à valeur ajoutée Tencent Mobile QQ.

Amaze UI

Le premier framework frontal multi-écran HTML5 open source de Chine Par rapport aux frameworks étrangers, Amaze UI se concentre sur la composition chinoise et ajuste les polices en fonction de l'utilisateur. agents pour obtenir de meilleurs résultats. Effet de composition chinois ; en tenant compte de la prise en charge de la compatibilité des navigateurs grand public nationaux et du navigateur intégré de l'application.

Amaze UI adopte d'abord le concept de mobile, s'étend progressivement des petits écrans aux grands écrans, et réalise enfin une adaptation à tous les écrans pour s'adapter à la tendance de l'Internet mobile.

MUI

Un framework frontal hautes performances qui se rapproche le plus de l'expérience APP native.

WeUI

WeUI est une bibliothèque de styles de base cohérente avec l'expérience visuelle native de WeChat. Elle est conçue par l'équipe de conception officielle de WeChat pour les pages Web internes de WeChat et WeChat. mini-programmes. , rendant la perception de l'utilisation des utilisateurs plus unifiée.

VUX

Vux (prononcé [v'ju:z], la même chose que vues) est une bibliothèque de composants d'interface utilisateur mobile développée sur la base de WeUI et Vue (2. x) , desservant principalement les pages WeChat.

Basé sur webpack+vue-loader+vux, vous pouvez développer rapidement des pages mobiles avec vux-loader, vous pouvez personnaliser les styles dont vous avez besoin en fonction de WeUI.

vux-loader garantit que les composants sont utilisés à la demande, vous n'avez donc pas à vous soucier de l'empaquetage éventuel de l'intégralité du code de la bibliothèque de composants vux.

WEEX

Weex est une solution de développement multiplateforme simple et facile à utiliser qui permet de créer des applications natives hautes performances et évolutives avec une expérience de développement Web. À cette fin, Weex coopère avec Vue, utilise Vue comme framework de couche supérieure et implémente l'API JSEngine et DOM unifiée conformément aux normes du W3C. De cette manière, vous pouvez même utiliser d'autres frameworks pour piloter Weex et créer des natifs. applications cohérentes à trois extrémités.

Ant Design Mobile

antd-mobile est une implémentation React de la spécification mobile d'Ant Design, au service des entreprises sans fil Ant et Koubei.

vue-carbon

Développer une bibliothèque d'interface utilisateur WEB mobile de style conception matérielle basée sur vuejs 1.0 Pour les ressources de conception, reportez-vous à CARBON FrameWork7.

uiKit

uiKit est un framework frontal léger et modulaire qui peut rapidement créer une puissante interface frontale Web.

H-ui

H-ui est un framework front-end léger, simple et gratuit, avec une bonne compatibilité et adapté aux sites Web chinois.

layui

Layui est né à l'automne doré de 2016. Il s'agit d'un framework d'interface utilisateur frontal domestique avec des sentiments forts. Il poursuit le minimalisme sans perdre sa riche connotation. , il ne semble pas exagéré de dire qu'elle est le cristal le plus léger de l'histoire. Tout découle de sa persistance dans l'écologie d'origine, filtrant le bruit de la communauté frontale, et de son propre savoir-faire méticuleux.

YDUI Touch

YDUI Touch est spécialement conçu pour les terminaux mobiles. Il est compatible avec les appareils mobiles grand public en termes de mise en œuvre technique et de conception d'interaction, garantissant un code léger et élevé. performances ; il utilise la technologie Flex, alignez, réduisez et agrandissez les éléments de manière flexible pour gérer facilement les mises en page mobiles ; Quoi? Vous n'en êtes pas satisfait ? Changez facilement de px ; personnalisez les composants Javascript, moins de fichiers, moins de variables et personnalisez votre propre YDUI.

shéral

Bibliothèque d'interface utilisateur mobile basée sur l'extension sandal (bibliothèque sass de base). Pour des idées de conception spécifiques, veuillez vous référer à sheral - une bibliothèque de composants d'interface utilisateur pratique pour la personnalisation et l'extension

vonic

Un framework d'interface utilisateur basé sur vue.js et ionic style, pour créer rapidement des applications mobiles d’une seule page.

Mint UI

Bibliothèque de composants mobiles basée sur Vue.js

Mint UI contient de riches composants CSS et JS, qui peuvent répondre aux besoins mobiles quotidiens Fin besoins de développement. Grâce à lui, vous pouvez rapidement créer une page avec un style unifié et améliorer l'efficacité du développement.

Véritable chargement des composants à la demande. Vous pouvez charger uniquement les composants déclarés et leurs fichiers de style, sans vous soucier de la taille trop volumineuse du fichier.

En tenant compte du seuil de performances du terminal mobile, Mint UI utilise CSS3 pour gérer diverses animations afin d'éviter les redessins et réarrangements inutiles du navigateur, afin que les utilisateurs puissent obtenir une expérience fluide et fluide.

S'appuyant sur la solution de composantisation efficace de Vue.js, Mint UI est légère. Même si tous sont importés, la taille du fichier compressé n'est que d'environ 30 Ko (JS + CSS) gzip.

Muse-UI

Bibliothèque de composants d'interface utilisateur basée sur Vue 2.0 et Material Design

1 Composants riches

Bases de Muse UI. Implémentation de tous les composants de la classe de spécifications de conception Material Design et développement de nombreux composants fonctionnels

2 Personnalisable

Muse UI utilise moins de fichiers et toutes les couleurs sont conservées par une variable, complétez la personnalisation. thème en écrivant moins de fichiers, et fournit également quelques paramètres pour modifier l'effet à l'intérieur du composant

3 Basé sur Vue 2.0

Muse UI est développé sur la base de Vue2.0, Vue2.0 est. la tendance actuelle L'un des frameworks frontaux les plus rapides, petit, convivial pour les API et pouvant être utilisé pour développer des applications complexes d'une seule page.

jQuery WeUI

jQuery WeUI est une bibliothèque d'interface utilisateur simple et puissante spécialement conçue pour le développement de comptes publics WeChat, comprenant tous les composants CSS officiels de WeUI et un grand nombre de des composants d'extension sont fournis et la riche bibliothèque de composants peut réduire considérablement le temps de développement frontal.

La plus grande fonctionnalité de jQuery WeUI est qu'il fournit uniquement des composants d'interface utilisateur et n'impose aucune restriction sur les frameworks et autres bibliothèques utilisés dans le projet. Il peut être utilisé dans presque tous les environnements. Que votre projet soit basé sur jQuery, React, Angular ou Vue, vous constaterez que jQuery WeUI peut être utilisé très facilement en combinaison avec eux. Même si votre projet est un projet ancien avec une longue histoire, il peut presque être utilisé directement.

Site officiel étranger : http://jqweui.com/

QMUI Web

QMUI Web est une société de développement d'interface utilisateur Web qui aide les développeurs rapidement Un framework qui implémente un ensemble spécifique de conceptions.

Le framework est principalement composé d'un puissant ensemble de méthodes Sass et de workflows intégrés. Grâce à QMUI Web, les développeurs peuvent facilement améliorer l'efficacité du développement de l'interface utilisateur Web tout en conservant la haute maintenabilité et la robustesse du projet.

Le framework synchronise les frameworks d'interface utilisateur mobile pour les styles Android et IOS.

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!