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 サイトの他の関連記事を参照してください。

BootstrapとReactを使用してレスポンシブWebアプリケーションを作成する方法は? BootstrapのCSSフレームワークとReactのコンポーネントアーキテクチャを組み合わせることで、モダンで柔軟で保守しやすいことを作成できます。特定の手順には次のものが含まれます。1)ブートストラップのCSSファイルをインポートし、そのクラスを使用して反応コンポーネントをスタイリングします。 2)Reactのコンポーネントを使用して状態と論理を管理する。 3)パフォーマンスを最適化するために必要に応じてブートストラップスタイルをロードする。 4)ReactのフックとブートストラップのJavaScriptコンポーネントを使用して、動的インターフェイスを作成します。

Bootstrapは、開発者がレスポンシブWebサイトを迅速に構築するのに役立つオープンソースのフロントエンドフレームワークです。 1)グリッドシステムやナビゲーションバーなどの事前定義されたスタイルとコンポーネントを提供します。 2)CSSおよびJavaScriptファイルを介したスタイルと動的な相互作用を実装します。 3)基本的な使用法は、ファイルを導入し、クラス名のあるページを構築することです。 4)高度な使用法には、SASSを介したカスタムスタイルが含まれます。 5)よくある質問には、スタイルの競合やJavaScriptコンポーネントの問題が含まれます。これは、開発者ツールとモジュラー管理を通じて解決できます。 6)モジュールを選択的に導入し、グリッドシステムを合理的に使用するには、パフォーマンスの最適化が推奨されます。

ReactとBootstrapは理想的な組み合わせです。 1)BootstrapのCSSクラスとJavaScriptコンポーネントを使用します。2)React-BootstrapまたはReactStrapを介して統合し、3)レンダリングパフォーマンスをオンデマンドでロードおよび最適化し、効率的で美しいユーザーインターフェイスを構築します。

Bootstrapは、モダンで応答性の高い、ユーザーフレンドリーなWebサイトを作成するためのオープンソースのフロントエンドフレームワークです。 1)レイアウトと開発を簡素化するためのグリッドシステムと事前定義されたスタイルを提供します。 2)モバイルファースト設計により、互換性とパフォーマンスが保証されます。 3)カスタムスタイルとコンポーネントを通じて、ウェブサイトをパーソナライズできます。 4)パフォーマンスの最適化とベストプラクティスには、選択的な負荷とレスポンシブ画像が含まれます。 5)レイアウトの問題やスタイルの競合などの一般的なエラーは、デバッグテクニックを通じて解決できます。

Bootstrapは、Twitterによって開発されたオープンソースのフロントエンドフレームワークで、レスポンシブWebサイトを迅速に構築するのに適しています。 1)そのグリッドシステムは、12列の構造に基づいており、柔軟なレイアウトを作成できます。 2)レスポンシブ設計機能により、ウェブサイトはさまざまなデバイスに適応できます。 3)基本的な使用には、ナビゲーションバーの構築が含まれ、高度な使用法にはカードコンポーネントが含まれます。 4)グリッドシステムの誤用などの一般的なエラーは、列幅を正しく設定することで回避できます。 5)パフォーマンスの最適化には、CDNとファイル圧縮を使用して、必要なコンポーネントのみをロードすることが含まれます。 6)ベストプラクティスは、きちんとしたコード、カスタムスタイル、レスポンシブデザインを強調しています。

ブートストラップと反応を組み合わせる理由は、その相補性です。1。ブートストラップは、UI設計を簡素化するための事前定義されたスタイルとコンポーネントを提供します。 2. Reactは、コンポーネント開発と仮想DOMを通じて効率とパフォーマンスを向上させます。それを組み合わせて使用して、迅速なUI構築と複雑な相互作用管理を楽しんでください。

Bootstrapは、HTML、CSS、およびJavaScriptに基づいたオープンソースのフロントエンドフレームワークであり、開発者がレスポンシブWebサイトを迅速に構築できるように設計されています。その設計哲学は「モバイルファースト」であり、グリッドシステム、ボタン、フォーム、ナビゲーションバーなど、豊富な事前定義されたコンポーネントとツールを提供し、フロントエンドの開発プロセスを簡素化し、開発効率を改善し、ウェブサイトの応答性と一貫性を確保します。 Bootstrapを使用すると、シンプルなページから始まり、カードやモーダルボックスなどの高度なコンポーネントを徐々に追加できます。パフォーマンスを最適化するためのベストプラクティスには、ブートストラップのカスタマイズ、CDNの使用、クラス名の過剰使用の回避が含まれます。

ReactおよびBootstrapをシームレスに統合して、ユーザーインターフェイス設計を強化できます。 1)依存関係パッケージをインストール:NPMINSTALLBOOTSTRAPREACT-BOOTSTRAP。 2)CSSファイルをインポート:Import'BootStrap/DIST/CSS/BOOTSTRAP.MIN.CSS '。 3)ボタンやナビゲーションバーなどのブートストラップコンポーネントを使用します。この組み合わせにより、開発者はReactの柔軟性とBootstrapのスタイルライブラリを活用して、美しく効率的なユーザーインターフェイスを作成できます。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール

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

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

ホットトピック









