Recommander six frameworks d'interface utilisateur mobile

En tant que personnel front-end, il est très nécessaire de résumer plusieurs frameworks d'interface utilisateur relativement bons pour le développement mobile. Les frameworks d'interface utilisateur mobile suivants peuvent essentiellement répondre aux besoins de développement au travail et choisir. le cadre approprié pour construire le projet en fonction des besoins du projet, il est plus facile d'améliorer l'efficacité du développement.

1. MUI

Un framework frontal hautes performances qui se rapproche le plus de l'expérience APP native La recherche de l'expérience de performance est notre objectif principal lors du démarrage de l'application. Le projet MUI est léger et doit avoir des fonctionnalités importantes.

MUI ne s'appuie sur aucune bibliothèque JS tierce. Les fichiers JS et CSS compressés ne font que 100+K et 60+K. Compte tenu de nombreux frameworks frontaux précédents (en particulier les frameworks de mise en page réactifs), Contrôles de l'interface utilisateur Il ressemble trop à une page Web et n'a pas de sensation native, donc rechercher la sensation d'interface utilisateur native est également un objectif important pour nous. MUI est basé sur l'interface utilisateur de la plate-forme iOS et complète certains contrôles d'interface utilisateur uniques à la plate-forme Android

Lien officiel :

http://dev.dcloud.net.cn/mui/

2. 🎜> Développé par l'équipe Tencent, applicable Pour les pages Web conçues selon les standards Mobile QQ, et pour les pages qui ne sont pas basées sur les standards Mobile QQ, le thème de l'interface peut être personnalisé en modifiant les variables. Vous pouvez sélectionner les composants requis selon vos besoins ou les charger à la demande à l'aide de CDN et combo. Utilisez iconfont pour afficher des icônes, y compris des composants courants tels que des boutons, des listes, des formulaires, des invites, des fenêtres contextuelles, un nouveau texte, une mise en page, 1px, rem, une troncature de texte, un espace réservé, des extrémités vides, un alignement et d'autres solutions. time Résolu le problème d'adaptation de l'écran mobile. CSS utilise des spécifications de dénomination et d'organisation de style modulaire, et utilise sass pour écrire du code CSS.

Lien officiel :

http://frozenui.github.io/

3.

Amaze UI est basé sur le concept de mobile d'abord, s'étendant progressivement des petits écrans aux grands écrans, et réalisant enfin une adaptation à tous les écrans pour s'adapter à la tendance de l'Internet mobile. Amaze UI contient près de 20 composants CSS, plus de 20 composants JS et plusieurs composants Web avec différents thèmes. Il peut rapidement créer des pages multi-écrans avec d'excellentes interfaces et une excellente expérience, améliorant considérablement l'efficacité du développement. Par rapport aux frameworks étrangers, Amaze UI se concentre sur la composition chinoise et ajuste les polices en fonction de l'agent utilisateur pour obtenir de meilleurs effets de composition chinoise. Elle prend en compte la prise en charge de la compatibilité des navigateurs grand public nationaux et du navigateur intégré de l'application. Amaze UI est développé pour HTML5 et utilise CSS3 pour les interactions animées, ce qui est fluide et efficace. Il est plus adapté aux appareils mobiles et permet aux applications Web de se charger plus rapidement.

Lien officiel :

http://amazeui.org/

4. > 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. Lien officiel :

http://m.sui.taobao.org/

5.

Basé sur la bibliothèque de composants d'interface utilisateur de Vue 2.0 et Material Design, Muse UI dispose de plus de 40 composants d'interface utilisateur pour s'adapter aux différents environnements professionnels. La manière de personnaliser les thèmes de Muse UI est extrêmement élégante, ne nécessitant qu'une petite quantité de code pour terminer le remplacement du style de thème. Muse UI est développé sur la base de Vue2.0. Vue2.0 est l'un des frameworks frontaux les plus rapides du moment. Il est petit, compatible avec les API et peut être utilisé pour développer des applications complexes d'une seule page. Lien officiel :

https://muse-ui.org/#/zh-CN

6. AUI2.0

AUI 2.0 est un tout nouveau framework AUI qui a été repensé sur la base de 1.X. Sur la base de projets réels, nous redéfinissons le framework AUI du point de vue des développeurs et des projets. Dans la version 2.0, un grand nombre de mises en page réactives flexibles sont utilisées, utilisant la forme imbriquée de conteneur + structure de mise en page + contrôle pour permettre aux développeurs de présenter rapidement les styles. Nous avons pleinement absorbé les commentaires des utilisateurs d'AUI et appris d'autres excellents frameworks d'interface utilisateur sur le marché pour achever le développement de la version 2.0. 2.0 suit les spécifications de conception Google Material et utilise la licence open source MIT. Lien officiel :

http://www.auicss.com/doc/v/2/doc_id/1

Tutoriel recommandé : "

Tutoriel CSS

》《

Tutoriel JS》

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!