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はオープンソースのフロントエンドフレームワークであり、その主な機能は、開発者がレスポンシブWebサイトを迅速に構築できるようにすることです。 1)複雑なUI効果の実装を容易にするために、事前定義されたCSSクラスとJavaScriptプラグインを提供します。 2)ブートストラップの作業原則は、メディアクエリを通じてレスポンシブデザインを実現するために、そのCSSおよびJavaScriptコンポーネントに依存しています。 3)使用の例には、ボタンの作成などの基本的な使用法や、カスタムスタイルなどの高度な使用法が含まれます。 4)一般的なエラーには、クラス名のスペルミスやファイルの導入が誤っています。ブラウザ開発者ツールを使用してデバッグすることをお勧めします。 5)パフォーマンスの最適化は、カスタムビルドツールを通じて実現できます。

ブートストラップは、グリッドシステムとメディアクエリを介してレスポンシブデザインを実装し、さまざまなデバイスにウェブサイトを適合させます。 1.事前定義されたクラス(COL-SM-6など)を使用して、列の幅を定義します。 2。グリッドシステムは12列に基づいており、合計が12。3を超えないことに注意する必要があります。ブレークポイント(SM、MD、LGなど)を使用して、異なる画面サイズの下のレイアウトを定義します。

Bootstrapは、レスポンシブWebサイトとアプリケーションを迅速に開発するためのオープンソースのフロントエンドフレームワークです。 1.レスポンシブ設計、一貫したUIコンポーネント、迅速な発展の利点を提供します。 2。グリッドシステムは、12列構造に基づいてフレックスボックスレイアウトを使用し、.container、.row、.col-sm-6などのクラスを通じて実装されています。 3.カスタムスタイルは、SASS変数を変更するか、CSSを上書きすることで実装できます。 4.一般的に使用されるJavaScriptコンポーネントには、モーダルボックス、カルーセル図、折りたたみが含まれます。 5.最適化パフォーマンスは、必要なコンポーネントのみをロードし、CDNを使用し、マージファイルを圧縮することで実現できます。

BootstrapとJavaScriptをシームレスに統合して、Webページに動的な機能を与えることができます。 1)JavaScriptを使用して、モーダルボックスやナビゲーションバーなどのブートストラップコンポーネントを操作します。 2)jQueryが正しくロードされていることを確認し、一般的な統合の問題を回避します。 3)イベント監視とDOM操作を通じて、複雑なユーザーの相互作用と動的効果を実現します。

ブートストラップを使用して検索バーの値を取得する方法:検索バーのIDまたは名前を決定します。 JavaScriptを使用してDOM要素を取得します。要素の値を取得します。必要なアクションを実行します。

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

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップを使用してモーダルボックスを作成する方法は?適切なHTML構造を備えたモーダルボックスを作成します。モーダル機能を有効にするために、ブートストラップとjQueryライブラリが含まれています。 JavaScriptまたはjQueryコードを使用して、モーダルボックスを表示または非表示にします。


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

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

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

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

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

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
