asp.net zero 8.2 Learning-11-MetronicがGoogleフォントを置き換え、ウェブページの読み込み速度を高速化

フロントエンドテンプレートasp.netゼロ8.2ほとんどgoogoleフォントをロードし、非常にゆっくりと開いて、Metronic6.0以降、METRONIC公式サイトのダウンロードを使用すると時間がかかり、私はMETRONICでフォントをグーグル交換方法の前に書いたものである
METRONICです多くのコンポーネントを含む強力な背景テンプレート。Layui、AdminLTE、Inspinia、Huiを含む多くの背景テンプレートに連絡しました。Layuiは、迅速な開発に適していると感じています。Layuiは非常に閉鎖的であり、フロントエンドに慣れていない場合は、模倣のみに従うことができます。詳しく学ぶ必要がある場合は、多くの労力が必要になります。Layuiも非常に強力で、国内ユーザーが多いです。ASP.NET開発に従事している場合、Layuiの多くのコントロールをカプセル化するWTMフレームワークを参照できます。Inspiniaは、豊富なコントロールを備えたbootstrap3に基づく背景テンプレートです。AdminLTEはオープンソースであり、より多くの国内のオープンソースソフトウェアが使用されています。FastAdminテンプレートを参照できます。

MetronicにはクラシックバージョンとAngularバージョンがありますが、フロントエンドレベルは本当に悪いので、クラシックバージョンから学んでください。

Metronicはgoogleフォントとgoogleマップを使用しているため、ダウンロードしたファイルを開くのが非常に遅くなります。ここでは、googleマップのjsコードを削除できますが、それを使用することはできません。

Googleフォントは、国内の科学技術大学が提供するソースに置き換えることができます。

ajax.googleapis.com => ajax.lug.ustc.edu.cn
fonts.googleapis.com => fonts.lug.ustc.edu.cn
themes.googleusercontent.com => google-themes.lug.ustc.edu.cn

デモをクラスフォルダーの下にドラッグして、デモフォルダーを昇華、検索、置換します。

angularを使用すると、ダウンロードしたファイル内のドキュメントを参照できます。npm、yarn、gulpをインストールし、gulpパックを通常どおり実行します。

IISでWebサイトを構築して実行します。

Metronicの最新バージョンは6.Xです。Metronic5.5を使用していますが、5と6は大きく異なります。主にCSSスタイルのプレフィックスが変更されているためです。

MetronicはBootstrap4に基づいており、CSSには多くの種類があるため、長期的な学習に備える必要があります。初心者の方は、バージョン6の空のページを参照してください。

177件の元の記事を公開しました 61件の賞賛 170,000回の閲覧

おすすめ

転載: blog.csdn.net/xingkongtianyuzhao/article/details/104580992