


Moment marquant du développement Web : Bootstrap a annoncé qu'il abandonnerait le support d'IE
Bootstrap a récemment officiellement annoncé qu'il supprimerait la prise en charge du navigateur IE dans la version 5.0. Le fondateur a déclaré que les développeurs qui ont besoin de satisfaire les utilisateurs d'IE peuvent continuer à utiliser la version 4.0.
Bootstrap pourrait être le premier framework grand public à annoncer qu'il abandonnera le support d'IE. Cela constituera-t-il une étape importante dans le domaine du développement front-end ?
Bootstrap 5.0 abandonnera la prise en charge d'IE
Le populaire framework frontal open source Bootstrap a récemment annoncé qu'il abandonnerait la prise en charge du navigateur IE.
Bootstrap a été initialement écrit par l'équipe Twitter, anciennement connue sous le nom de Twitter Blueprint, dans le but de produire un ensemble d'outils et de cadres capables de maintenir la cohérence. Avant Bootstrap, le développement d'interfaces nécessitait l'utilisation de différentes bibliothèques de codes, ce qui pouvait facilement conduire à des incohérences et augmenter la charge de maintenance.
Il est entendu que plus de 20 % des sites Web dans le monde utilisent le framework Bootstrap, et la version stable actuelle prend en charge les navigateurs grand public tels que Chrome, Firefox, IE, Opera et Safari. Mais l'équipe a officiellement annoncé que la prise en charge d'IE serait officiellement supprimée dans la version 5.0, qui devrait être publiée plus tard cette année.
Mark Otto, l'un des fondateurs de Bootstrap, a déclaré sur GitHub que les développeurs qui ont encore besoin de satisfaire les utilisateurs d'IE devraient continuer à exécuter Bootstrap 4 au lieu de passer à la prochaine version v5.
Sous ce numéro traitant de la suppression du support d'IE, on peut clairement voir que la distribution des emoji montre un soutien extrêmement positif, et dans la zone de commentaires ci-dessous, et il y avait très quelques commentaires exprimant une opposition (quelques-uns d'entre eux ont été critiqués).
Mais la décision de Bootstrap peut également entraîner des effets secondaires. En tant que framework frontal open source populaire, il s'agit également du module de base de nombreux autres outils de développement Web et solutions de création de sites Web d'entreprise. Une fois que vous choisissez de mettre à niveau, ils perdront automatiquement le support d’IE.
Le front-end souffre d'IE depuis longtemps. Certaines personnes pensent que l'annonce de Bootstrap d'abandonner le support d'IE est un événement marquant. Bootstrap occupe une grande part des sites Internet et chacun de ses mouvements est destiné à être surveillé par l'industrie. Actuellement, il n'existe aucun cadre grand public du même type qui ait pris des décisions similaires. Par exemple, jQuery, la bibliothèque JavaScript qui représente près de 75 % des sites, prend toujours en charge IE 9.
Bootstrap est le premier framework grand public à abandonner le support d'IE. Cela commence peut-être à indiquer que les développeurs Web peuvent échapper aux souffrances d'IE. Les données montrent que la part des sites Web du navigateur IE n'est actuellement que d'environ 1%, mais de nombreux sites Web et sites Web de banques ne sont encore compatibles qu'avec le navigateur IE, ce qui pose d'énormes problèmes au développement Web : un an de développement IE peut gagner trois ans de travail. expérience.
Dans l'article "Top Ten Nightmares of Web Developers" compilé par InfoQ, il est mentionné que la prise en charge d'IE 6 est une expérience cauchemardesque :
Les développeurs dépensent beaucoup d'argent pour le code IE6. peut prendre trois fois ou plus que Chrome ou Firefox. Ce qui est encore plus frustrant, c'est que le site Web ne fonctionnera pas aussi bien dans IE6 que dans le nouveau navigateur. Certains effets ne fonctionnent pas, certains bugs vous dérangeront toujours, sans parler des problèmes de sécurité. Cela rend le travail du développeur très difficile. Si j'avais un conseil, je suggérerais de facturer le double ou plus pour les projets qui souhaitent prendre en charge IE6, mais même dans ce cas, cela n'en vaut toujours pas la peine.
Auparavant, la populaire bibliothèque de composants open source Ant Dsign a publié la version 4.0. L'auteur a également communiqué avec son auteur principal sur les problèmes de support d'IE :
Afin d'être compatible avec les anciennes versions de. IE, la version v3 a dû faire quelques compromis. Par exemple, si la disposition flexible ne peut pas être utilisée, nous utilisons float et table ; sticky ne peut pas être utilisé, et Table doit restituer une table supplémentaire pour obtenir l'effet de colonnes fixes. La difficulté d'être compatible avec IE est que de nombreux comportements sont inattendus. Souvent, il n'y a aucun problème avec le code, mais le rendu de la page est anormal. Pour cette situation, il faut faire beaucoup de technologie noire. Par exemple, forcer l'actualisation des composants, utiliser des hacks CSS uniquement pour IE, etc. De plus, la plupart des nouvelles fonctionnalités HTML mentionnées précédemment ne peuvent pas être utilisées dans l'environnement IE et ne peuvent être simulées que par vous-même, ce qui entraîne de graves pertes de performances.
En plus des développeurs, les plaintes des utilisateurs sont également hilarantes, comme ce dessin animé satirique largement diffusé :
En fin de compte, Microsoft I ne supportait pas le navigateur IE, mon fils biologique ne pouvait pas le supporter, alors j'ai recommencé à pratiquer un nouveau compte - Edge. Mais ce nouveau compte n'a pas non plus satisfait Microsoft. Lors d'un précédent événement public, les ingénieurs de Microsoft ont rencontré plusieurs plantages de navigateur lors de l'utilisation d'Edge et ont dû installer Chrome lors de l'événement pour terminer la démonstration.
Après tout cela, Microsoft a finalement décidé fin décembre 2018 que le nouveau Edge utiliserait Chromium, et le navigateur *** a finalement formé une unification virtuelle du monde.
Certaines personnes affirment que la domination mondiale de Chrome répond à la forte demande de standardisation du développement Web. Certains affirment également que Chrome est devenu la passerelle vers Internet et a constitué un monopole important, ce qui est inquiétant. Qu’en pensent les étudiants du front-end ?
Recommandé : 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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Utilisez Bootstrap pour implémenter Centering vertical: Flexbox Méthode: Utilisez les classes D-Flex, Justify-Content-Center et Align-Items-Center pour placer des éléments dans le conteneur Flexbox. Méthode de classe Align-Items-Center: Pour les navigateurs qui ne prennent pas en charge FlexBox, utilisez la classe Align-Items-Center, à condition que l'élément parent ait une hauteur définie.

Comment utiliser Bootstrap pour obtenir la valeur de la barre de recherche: détermine l'ID ou le nom de la barre de recherche. Utilisez JavaScript pour obtenir des éléments DOM. Obtient la valeur de l'élément. Effectuer les actions requises.

Comment utiliser le bouton bootstrap? Introduisez Bootstrap CSS pour créer des éléments de bouton et ajoutez la classe de bouton bootstrap pour ajouter du texte du bouton

Il existe plusieurs façons d'insérer des images dans Bootstrap: insérer directement les images, en utilisant la balise HTML IMG. Avec le composant d'image bootstrap, vous pouvez fournir des images réactives et plus de styles. Définissez la taille de l'image, utilisez la classe IMG-FLUID pour rendre l'image adaptable. Réglez la bordure en utilisant la classe IMG-border. Réglez les coins arrondis et utilisez la classe Roundée IMG. Réglez l'ombre, utilisez la classe Shadow. Redimensionner et positionner l'image, en utilisant le style CSS. À l'aide de l'image d'arrière-plan, utilisez la propriété CSS d'image d'arrière-plan.

Pour ajuster la taille des éléments dans Bootstrap, vous pouvez utiliser la classe de dimension, qui comprend: ajuster la largeur: .col-, .w-, .mw-ajustement Hauteur: .h-, .min-h-, .max-h-

Il existe deux façons de créer une ligne divisée bootstrap: en utilisant la balise, qui crée une ligne divisée horizontale. Utilisez la propriété CSS Border pour créer des lignes de fractionnement de style personnalisées.

Pour configurer le framework Bootstrap, vous devez suivre ces étapes: 1. Référez le fichier bootstrap via CDN; 2. Téléchargez et hébergez le fichier sur votre propre serveur; 3. Incluez le fichier bootstrap dans HTML; 4. Compiler les sass / moins au besoin; 5. Importer un fichier personnalisé (facultatif). Une fois la configuration terminée, vous pouvez utiliser les systèmes, composants et styles de grille de Bootstrap pour créer des sites Web et des applications réactifs.

Réponse: Vous pouvez utiliser le composant de sélecteur de date de bootstrap pour afficher les dates dans la page. Étapes: Présentez le framework bootstrap. Créez une boîte d'entrée de sélecteur de date dans HTML. Bootstrap ajoutera automatiquement des styles au sélecteur. Utilisez JavaScript pour obtenir la date sélectionnée.
