Web 開発のマイルストーンの瞬間: Bootstrap が IE のサポートを放棄すると発表
Bootstrap は最近、バージョン 5.0 で IE ブラウザのサポートを削除すると正式に発表しましたが、創設者は、IE ユーザーを満足させる必要がある開発者は引き続きバージョン 4.0 を使用できると述べました。
Bootstrap は、IE のサポートを中止することを発表した最初の主流フレームワークとなる可能性がありますが、これはフロントエンド開発の分野におけるマイルストーンとなるでしょうか?
Bootstrap 5.0 は IE のサポートを中止します
人気のオープンソース フロントエンド フレームワーク Bootstrap は最近、IE ブラウザのサポートを中止すると発表しました。
Bootstrap は元々、一貫性を維持できる一連のツールとフレームワークを作成する目的で、以前は Twitter Blueprint として知られていた Twitter チームによって作成されました。 Bootstrap が登場する前は、インターフェイスの開発には異なるコード ライブラリを使用する必要があり、不整合が発生しやすく、メンテナンスの負担が増大する可能性がありました。
世界中の Web サイトの 20% 以上が Bootstrap フレームワークを使用していることがわかっており、現在の安定バージョンは Chrome、Firefox、IE、Opera、Safari などの主流ブラウザをサポートしています。しかしチームは、今年後半にリリースされる予定のバージョン 5.0 で IE のサポートが正式に削除されると正式に発表しました。
Bootstrap の創設者の 1 人である Mark Otto は、IE ユーザーを満足させる必要がある開発者は、次期 v5 バージョンにアップグレードするのではなく、Bootstrap 4 を引き続き実行する必要があると GitHub で述べました。
IE サポートの削除について議論している問題では、絵文字の配布が圧倒的な肯定的な支持を示していることがはっきりとわかります。また、下のコメント領域では、支持が非常に少ないことがわかります。反対を表明するコメント(そのうちの少数は批判された)。
しかし、Bootstrap の動きは副作用ももたらす可能性があります。人気のオープンソース フロントエンド フレームワークとして、他の多くの Web 開発ツールやエンタープライズ Web サイト構築ソリューションの基本モジュールでもあります。アップグレードを選択すると、 IE のサポートは自動的に失われます。
フロントエンドは IE の影響を受ける Bootstrap の IE サポート放棄の発表は画期的な出来事だと考える人もいます。 Bootstrap はインターネット サイトで大きなシェアを占めており、その一挙手一投足が業界の注目を集めていますが、現時点では、同様の決定を下した同種の主流フレームワークは存在しません。たとえば、サイトのほぼ 75% を占める JavaScript ライブラリである jQuery は、依然として IE 9 をサポートしています。
Bootstrap は、IE サポートを放棄した最初の主流フレームワークになりました。おそらく、これは Web 開発者が IE の苦しみから逃れられることを示し始めています。データによると、Web サイトに占める IE ブラウザのシェアは現在約 1% にすぎませんが、多くの Web サイトや銀行の Web サイトは依然として IE ブラウザとしか互換性がなく、Web 開発に大きな問題をもたらしています。IE 開発に 1 年かかると 3 年の作業が可能になります。経験。
InfoQ がまとめた記事「Web 開発者のトップ 10 の悪夢」では、IE 6 のサポートが悪夢のような経験であると述べられています。
開発者は IE6 コードに多額の費用を費やしています。 Chrome や Firefox の 3 倍以上かかる場合があります。さらにイライラするのは、IE6 では Web サイトが新しいブラウザーほどスムーズに動作しないことです。セキュリティ上の問題は言うまでもなく、一部のエフェクトは機能せず、いくつかのバグは常にあなたを悩ませます。これにより、開発者の仕事は非常に困難になります。アドバイスがあるとすれば、IE6 をサポートしたいプロジェクトには 2 倍以上の料金を請求することをお勧めしますが、それでも、それだけの価値はありません。
以前、人気のオープン ソース コンポーネント ライブラリである Ant Design はバージョン 4.0 をリリースしました。作成者は、IE サポートの問題についてコア作成者とも話し合いました:
古いバージョンとの互換性を保つためにIE の場合、v3 バージョンではいくつかの妥協が必要でした。たとえば、フレックス レイアウトが使用できない場合は、float と table を使用しますが、sticky は使用できず、Table は固定列の効果を実現するために追加の Table をレンダリングする必要があります。 IE との互換性の難点は、予期しない動作が多く、コードには問題がないのにページのレンダリングが異常になることがよくあることです。この状況のためには、多くのブラックテクノロジーを実行する必要があります。たとえば、コンポーネントを強制的に更新したり、IE 専用の CSS ハックを使用したりするなどです。さらに、前述した HTML の新機能の多くは IE 環境では使用できず、自分でシミュレートするしかないため、パフォーマンスが大幅に低下します。
開発者だけでなく、広く流通しているこの風刺漫画のように、ユーザーからの苦情も面白いものです。
物語の最後には、Microsoft I私は、サポートできない実の息子である IE ブラウザを見るのに耐えられず、再び新しいアカウント、Edge の練習を始めました。しかし、この新しいアカウントも Microsoft を満足させることができず、以前の公開イベントでは、Microsoft のエンジニアは Edge の使用時に複数のブラウザのクラッシュを経験し、デモンストレーションを完了するためにイベントで Chrome をインストールする必要がありました。
こうしたすべてを経て、Microsoft は 2018 年 12 月末に新しい Edge が Chromium を使用することを決定し、ブラウザ *** はついに事実上の世界統一を形成しました。
Chrome が世界を支配しているのは、Web 開発の標準化に対する強い需要に応えるためだと言う人もいます。また、Chrome がインターネットへのゲートウェイとなり、実質的な独占を形成していることが懸念されると言う人もいます。フロントエンドの学生はこれについてどう思いますか?
推奨: ブートストラップ チュートリアル
以上がWeb 開発のマイルストーンの瞬間: Bootstrap が IE のサポートを放棄すると発表の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

ブートストラップフレームワークを作成するには、次の手順に従ってください。CDN経由でブートストラップをインストールするか、ローカルコピーをインストールします。 HTMLドキュメントを作成し、ブートストラップCSSを< head>にリンクしますセクション。 bootstrap javascriptファイルを< body>に追加するセクション。ブートストラップコンポーネントを使用して、ニーズに合わせてスタイルシートをカスタマイズします。

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

ブートストラップを使用して垂直センタリングを実装します。FlexBoxメソッド:D-Flex、Justify-Content-Center、Align-Items-Centerクラスを使用して、FlexBoxコンテナに要素を配置します。 ALIGN-ITEMS-CENTERクラス方法:FlexBoxをサポートしていないブラウザの場合、親要素の高さが定義されている場合、Align-Items-Centerクラスを使用します。

ファイルアップロード機能は、Bootstrapを介して実装できます。手順は次のとおりです。BootstrapCSSおよびJavaScriptファイルを紹介します。ファイル入力フィールドを作成します。ファイルアップロードボタンを作成します。ファイルのアップロードを処理します(FormDataを使用してデータを収集し、サーバーに送信します)。カスタムスタイル(オプション)。

Bootstrapを使用してWebサイトをレイアウトするには、グリッドシステムを使用してページをコンテナ、行、列に分割する必要があります。最初にコンテナを追加し、その中の行を追加し、行内の列を追加し、最後に列にコンテンツを追加します。ブートストラップのレスポンシブレイアウト関数は、ブレークポイント(XS、SM、MD、LG、XL)に従ってレイアウトを自動的に調整します。レスポンシブクラスを使用することで、異なる画面サイズの下の異なるレイアウトを実現できます。

ブートストラップの日付を確認するには、次の手順に従ってください。必要なスクリプトとスタイルを紹介します。日付セレクターコンポーネントを初期化します。 Data-BV-Date属性を設定して、検証を有効にします。検証ルール(日付形式、エラーメッセージなどなど)を構成します。ブートストラップ検証フレームワークを統合し、フォームが送信されたときに日付入力を自動的に検証します。
