Quels sont les avantages et les inconvénients de Bootstrap ?

Avantages de Bootstrap : 1. Il peut améliorer l'efficacité du développement ; 2. Standardiser les définitions de noms pour une maintenance facile ; 3. Il dispose d'une documentation complète et d'un grand nombre de styles de composants ; besoin de comprendre l'ensemble du Framework, vous devez lire le document du framework ; 2. Le framework CSS est très volumineux pour un petit projet et d'autres pages ; 3. Il y aura des problèmes de compatibilité.

Recommandé : "tutoriel bootstrap"

Avec la popularité de CSS3 et HTML5, nos pages WEB ont non seulement besoin Un concept de conception plus convivial, ainsi que des effets spéciaux de page et une expérience utilisateur plus cool sont nécessaires. En tant que développeurs, nous devons connaître certaines ressources précieuses du framework open source CSS UI, qui peuvent nous aider à implémenter certaines interfaces modernes plus rapidement et mieux, y compris certaines conceptions de style d'interface Web pour les appareils mobiles. L'étape suivante consiste à expliquer le framework Bootstrap en détail :

Tout d'abord, nous devons connaître le principe pour lequel nous utilisons le framework.

Le framework CSS est un ensemble de fichiers CSS, comprenant la réinitialisation des éléments de base, la mise en page, la mise en page du réseau, le style de formulaire, les règles générales et d'autres blocs de code. L'utilisation de frameworks CSS peut simplifier le travail et améliorer l'efficacité du travail.

Pourquoi devrions-nous utiliser le framework Bootstrap au lieu d'autres frameworks CSS ?

Avec la popularité rapide de H5 et CSS3, l'expérience utilisateur est particulièrement importante. Le grand nombre d'utilisateurs d'appareils mobiles ne peut être sous-estimé, et Bootstrap est un framework développé pour les appareils mobiles. Bien qu'il donne la priorité aux appareils mobiles et préfère Mobile, il ne s'agit pas d'un cadre pour appareils mobiles.
Il est composé de plug-ins CSS et JavaScript standardisés. Son plus grand avantage est la mise en page réactive. Grâce à CSS Media Query, les développeurs peuvent facilement faire en sorte que les pages Web obtiennent les meilleurs résultats sur les ordinateurs de bureau et les téléphones mobiles.

1. Résumés de styles CSS couramment utilisés, haute réutilisabilité et haute portabilité
2. Possède des définitions inhérentes, une documentation détaillée et des fonctionnalités de développement
3. Haute compatibilité, compatible avec les navigateurs populaires
4. Principalement du css, mais pas forcément du tout css, il peut y avoir quelques scripts js (ou autres) pour les navigateurs compatibles

Le framework Bootstrap peut être divisé en trois catégories :

Premier : Script de prétraitement :

Le code source de Bootstrap est basé sur le script de prétraitement CSS le plus populaire - développé par Less et Toupet. Vous pouvez utiliser des fichiers CSS précompilés pour un développement rapide ou personnaliser les styles dont vous avez besoin à partir du code source. Par exemple. Si vous avez à peu près le même effet sur votre page. Écrivez simplement une classe d’effet. Laissez ensuite l’endroit où il est utilisé en hériter. Il n'est plus nécessaire d'écrire.

Deuxièmement : un framework, plusieurs appareils

Avec l'aide de Bootstrap, votre site Web et votre application peuvent être configurés rapidement et efficacement pour les téléphones mobiles et les tablettes via le même code , équipement PC, tout cela est dû aux requêtes multimédias CSS.

Troisième : effets spéciaux complets

Bootstrap fournit une documentation complète et esthétique. Vous pouvez trouver toute la documentation détaillée sur les éléments HTML, les composants HTML et CSS et les plug-ins jQuery. .
Composants Bootstrap : Bootstrap contient une multitude de composants Web. Sur la base de ces composants, vous pouvez rapidement créer un site Web magnifique et entièrement fonctionnel. Par exemple : menu déroulant, groupe de boutons, menu déroulant de boutons, navigation, barre de navigation, chemin de navigation, pagination, mise en page, vignettes, boîte de dialogue d'avertissement, barre de progression, objets multimédias, etc.

Avantages et inconvénients du bootstrap :

Avantages

• Améliorer le développement efficacité

• Définition de nom standardisée pour une maintenance facile

• Processus de développement de projet standardisé

• Le code CSS est plus clair, simple. Le code HTML est plus raisonnable
  

• bootstap a récemment publié bootstrap4, qui a une mise en page box-flex et d'autres mises à jour, suivant le développement de la dernière technologie Web

• Relativement mature, entièrement utilisé et testé dans un grand nombre de projets

• Possède une documentation complète, plus pratique à utiliser

• Il existe un grand nombre de styles de composants qui acceptent la personnalisation

Inconvénients :

• Coût d'apprentissage accru. Vous devez comprendre l'ensemble du framework et lire la documentation du framework

• Le framework CSS est surchargé pour des pages telles qu'un petit projet. Il y a probablement beaucoup de code dans le framework que vous n’utiliserez pas.

• peut ne pas vous aider à améliorer vos compétences. Trop dépendant du framework, ce qui rend difficile la résolution des bugs. Y compris les bugs inhérents au framework.

• Il est pénible de choisir le framework et le cadre de développement dont vous avez besoin. Après l’avoir écrit, j’ai trouvé qu’il devenait de plus en plus rigide et gonflé.

• Si vous avez vos propres besoins particuliers, vous devez re-personnaliser le style. S'il existe un grand nombre de styles de « style » non bootstrap dans un site Web, alors vous en avez besoin. faire beaucoup de refonte d'écriture CSS, donc le sens de l'utilisation d'un framework est perdu.

• Il y aura des problèmes de compatibilité. Bien qu'il existe de nombreuses façons d'être compatible avec IE sur Internet, d'autres fichiers doivent être introduits, dont certains sont assez petits, ce qui entraînera inévitablement une vitesse de chargement. pour ralentir et affecter l’expérience utilisateur.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!