ホームページ > 記事 > ウェブフロントエンド > フロントエンドのパフォーマンスに関する注意点のまとめ

フロントエンドのパフォーマンスに関する注意点のまとめ

巴扎黑オリジナル: 2017-06-12 13:44:321582ブラウズ

CSS で要素を垂直方向の中央に配置する方法についての質問は、すでによくある質問です。新人でもベテランでも、面接の際によく聞かれる質問です。 2 日前に Flex ビデオチュートリアルを見ていたところ、要素の中央揃えについて言及されていたので、今日はいくつかの一般的な方法を見ていきます。欠点があれば批判して修正してください (すべてのコードは私が入力したものであり、利用可能です) 1. 水平方向のセンタリング (マージン: 0 auto;) これについては、トレーニングクラスでも自己流でも、誰もが最も慣れていないはずです。場合は勉強してください。これは教師が最初に教える方法（水平方向）のはずですが、ラップされた要素は浮動属性を持つことができないという前提があります。それ以外の場合、この属性は無効になります。具体的なコードは次のとおりです。本文{マージン: 0;}

1. CSS3ページレイアウトのブラウザ互換性とフロントエンドのパフォーマンス最適化方法の詳細な説明

はじめに: この記事では、CSS内の要素が親要素を中心にどのように表示されるかを詳しく説明します

2 HTML5 で Web サイトのフロントエンドのパフォーマンスを向上させる方法のサンプルコード分析

フロントエンドのパフォーマンスに関する注意点のまとめ

はじめに: 1. Cookie を Web ストレージに置き換える際の最大の問題は、次のような問題が発生することです。あらゆるリクエスト。 HTML5 では、sessionStorage と localStorage を使用してユーザーデータをクライアントに直接保存するため、HTTP リクエストのデータ量を削減できます。さらに、Web ストレージには、Cookie とは異なり、自分で記述する必要があるデータを操作するための API も提供されています。 // localStorage が存在する場合は、th

3 を使用します。 JavaScript イベントの高パフォーマンスなサンプルコードの作成

フロントエンドのパフォーマンスに関する注意点のまとめ

はじめに: 効率的な Web フロントエンドプログラムを作成する方法を説明します。毎回それはフロントエンド開発者が意識的に考慮していないことです。数年前、Yahoo の優秀なフロントエンドエンジニアが Web フロントエンドのパフォーマンス向上に関する本を出版し、Web 開発テクノロジコミュニティ全体にセンセーションを巻き起こしました。この謎の Web フロントエンド最適化問題は、Web 上で一般的な問題となりました。業界全体が衝撃的な秘密の答えを知ったとき、Web フロントエンドの最適化は、開発する Web サイトに質的な飛躍をもたらすことができなくなります。私たちが開発するウェブサイトのパフォーマンスを他のウェブサイトよりも向上させるウェブサイトをより優れたものにするためには、より深く独自に考え、より適切に予約する必要があります...

4. HTML フロントエンドのパフォーマンス最適化に関する CDN と WPO の比較

フロントエンドのパフォーマンスに関する注意点のまとめ

はじめに: この記事では、HTML フロントエンドのパフォーマンス最適化のための CDN と WPO の比較説明を紹介します

5 CSS3 ブラウザ対応

フロントエンドのパフォーマンスに関する注意点のまとめ

。

はじめに:この記事では主に CSS3 とページレイアウトの学習の概要を紹介します。ブラウザの互換性とフロントエンドのパフォーマンスの最適化には一定の参考値があります。必要に応じてさらに学習することができます。

6. HMTL5 API を使用してフロントエンドのパフォーマンスを監視する

フロントエンドのパフォーマンスに関する注意点のまとめ

概要: ユーザータイミング API は、Web アプリケーションの 2 つの事前定義されたタグ間のパフォーマンスを測定できます。開発者は、測定の開始マーカーと終了マーカーを個別に定義するだけで済みます。タイミング位置は、JavaScript オブジェクト「」によって提供される関数を通じてマークできます。

7. パフォーマンス効率の高い JavaScript イベントを作成するためのテクニック

フロントエンドのパフォーマンスに関する注意点のまとめ