Maison  >  Article  >  interface Web  >  En plus du bootstrap, quels sont les autres frameworks front-end ?

En plus du bootstrap, quels sont les autres frameworks front-end ?

WBOY
WBOYoriginal
2022-02-17 14:58:246154parcourir

Frameworks front-end sauf bootstrap : 1. Foundation ; 2. AUI ; 3. Frozen UI ; 5. SUI ; 7. UiKit ;

En plus du bootstrap, quels sont les autres frameworks front-end ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version bootstrap 3.3.7, ordinateur DELL G3

En plus du bootstrap, quels autres frameworks frontaux existe-t-il

AUI

Le troisième L'un d'entre eux est AUI récemment lancé. Bien que l'auteur affirme qu'il s'agit d'un framework d'interface utilisateur conçu spécifiquement pour les développeurs APICloud, il résout en fait de nombreux problèmes courants dans le développement front-end mobile et constitue un framework CSS principalement destiné au développement hybride. Il semble que l'auteur soit assez agressif et utilise partout divers CSS3 avancés, ce qui m'oblige à vérifier la compatibilité de ces CSS3. À la hauteur des attentes, j'ai choisi des propriétés avec une bonne compatibilité. J'étais tellement excité que j'ai appris quelques bonnes choses de mes seniors. Le framework fournit également des composants tels que des interfaces de discussion et des listes de comptage, qui ont résolu de nombreux problèmes complexes qui m'ont fait maudire. La mise en page peut désormais être prise et utilisée directement.

Résumé : L'avantage de ce framework pour moi est qu'il s'agit d'un framework CSS pur. J'ai déjà utilisé Pure et j'ai quelques capacités JS. Si ce n'est pas un effet compliqué, je peux simplement trouver un framework CSS pur et le modifier. par moi-même.Maintenant, CSS3 peut également réaliser une animation, en tenant compte de l'efficacité, de la qualité et de l'efficacité, j'ai donc toujours choisi ce framework CSS. Une chose dont je ne suis pas satisfait est que la documentation de ce framework est vraiment bonne, et on dit qu'elle est supérieure.

Frozen UI

Pendant un certain temps, j'ai vu que QQ devenait de plus en plus populaire. Ensuite, j'ai demandé autour de moi et j'ai découvert que le service client de QQ utilise également le développement hybride. Parmi eux, le front-end membre de QQ utilise Frozen. UI, et ce framework est open source. Je suis très heureux. Ruo Kuang n'a pas pu supporter la solitude dans son cœur et l'a essayé directement lors de sa première expérience, il a trouvé que l'effet de style de base est simple et les couleurs sont rafraîchissantes. Il y a une communauté relativement active, donc les composantes sont relativement riches.

Résumé : ce serait cool d'utiliser Frozen UI avec quelque chose comme APICloud pour créer une application hybride, ou d'utiliser des dindes natives pour s'imbriquer dans l'application pour le développement front-end. Ce framework est adapté à Android 2.3+, iOS 4.0+. est également un excellent choix pour le rendre compatible ou l'utiliser comme application Web. Les inconvénients sont visibles au niveau de l'interface utilisateur. Qui le fait naître sur le front-end des membres QQ ?

WeUI

WeUI et FrozenUI sont des frameworks relativement spécialisés. WeUI est plus spécialisé que FrozenUI. Il n'a même pas de site Web officiel. Toutes les questions et réponses trouvent leur réponse dans les problèmes de gitHub. la taille est bien sûr petite. Inutile de dire qu'il n'y a qu'environ 7 modules, mais la taille est petite mais le travail est bon. Le nombre d'étoiles est suffisant pour le bouche-à-oreille. et a plus de 7 000 étoiles github. Cependant, cela n'exclut pas que les utilisateurs n'aient pas d'endroit où se défouler, alors tout le monde a couru vers git, haha.

SUI

"SUI est une bibliothèque de composants frontaux développée sur la base du bootstrap. C'est également un ensemble de spécifications de conception. Grâce à SUI, vous pouvez facilement concevoir et implémenter de belles pages." Effectivement, il est préférable de citer directement la publicité officielle ennuyeuse pour sauver vos propres cellules cérébrales (囧...). Bien sûr, comme le dit la publicité, si vous avez déjà utilisé Bootstrap, vous pouvez facilement passer à SUI. être ce que Taobao donne aux perdants du premier plan.

Semantic UI

Le troisième avant-dernier est Semantic UI. Je suis entré en contact avec ce framework grâce à Bootstrap. Dès que Semantic UI a été lancé sur github, il a attiré l'attention d'un grand nombre de développeurs, donc. que beaucoup de gens ont comparé les deux et les ont critiqués et félicités, vous ne pouvez pas simplement lever le doigt et commencer à l'aimer en vous basant sur les trois ou quatre phrases des autres. Après l'avoir utilisé, je pense que l'interface utilisateur n'est pas très différente de Bootstrap, mais les normes de dénomination du code sont très différentes.Je pense que l'interface utilisateur sémantique n'est pas la même que Bootstrap. Si vous voulez faire quelque chose de différent, sa dénomination est entièrement composée et les noms de classe sont très discrets. Vous devez faire attention à ce que les noms de classe que vous développez ou ajoutez entrent en conflit avec ses noms de classe.

Foundation

Foundation est considéré comme un vétéran de l'industrie des frameworks. On dit que les frameworks sont arrivés tôt, et ce framework est toujours aussi populaire aujourd'hui. Si vous êtes plus préoccupé par les choses embarrassantes qui se produisent lors du développement de Bootstrap, alors. vous pouvez envisager de l'utiliser Foundation. Même si vous utilisez des éléments d'interface utilisateur prédéfinis, il ne ressemblera pas trop à d'autres sites Web, tout comme le responsable l'a dit pour offrir aux développeurs une expérience de cadre plus flexible.

UiKit

UIkit est développé par l'équipe YOOtheme et est utilisé dans de nombreux thèmes WordPress (c'est-à-dire que si vous êtes un passionné de WordPress, alors ce framework devrait être plus adapté à une étude plus approfondie), et le framework peut être utilisé via l'éditeur GUI et l'édition manuelle, il fournit donc un mécanisme de personnalisation flexible et puissant. Le framework intègre les fonctionnalités uniques des projets open source LESS, jQuery, normalize.css et FontAwesome dans un framework frontal aussi léger et modulaire.

Pure

Je suis entré en contact avec ce framework alors que je travaillais sur un système de gestion. J'ai choisi de l'utiliser car le framework est petit et c'est du pur CSS, il n'implique pas trop et est facile à utiliser. en combinaison avec d’autres frameworks rapidement.

Recommandations associées : Tutoriel bootstrap

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn