2018 年最新のフロントエンド面接の質問 5

今回は、2018 年の最新のフロントエンド面接の質問をお届けします。フロントエンドの仕事に面接が不可欠な部分であることはわかっています。このフロントエンド面接の一般的な質問の分類と要約の目的は、次のことを支援することです。フロントエンド面接の重要な日を乗り越えました。見てみましょう。

[関連する推奨事項: フロントエンド面接の質問 (2020)]

1. ページの読み込み時間を短縮する方法を 3 つ挙げてください。 (読み込み時間とは、実際の読み込み時間です)

1. HTTP リクエストを削減します。
3. サーバー側で gzip を使用します。
5. CDN を使用すると、ユーザーはアクセス速度と安定性が保証された状態で必要なリソースを入手できます。 7. 繰り返し必要な DOM の操作を最小限に抑えます。演算は変数に入れることができます


2. 疑似要素とその用途について説明してください。

疑似クラスは、DOM ツリーに存在せず、通常のセレクターでは簡単に見つけられない情報を選択するために使用されます:hover :active :focus :link 疑似要素は、セレクターに特定の特殊効果を追加するために使用されます。例: :before

::after

疑似要素は、HTML
セマンティックに役立つ非テキストおよび装飾的なものを表現するために使用されます。使用されている場合、どのようなテクノロジーがどこで使用されていますか?
Taobao の lib-flexible library;

4. 絶対 position の代わりに、translate() を使用する必要があるのはなぜですか?なぜ？

アニメーションに関しては、Transform により GPU が計算に参加できるようになり、FPS が向上します。Absolute の最小アニメーション単位は 1px であり、Transform をより小さくしてアニメーションをよりスムーズにすることができます

他の観点から見ると、Absolute は必須です。相対的な親ボックスにする 5. コードをどのように整理しますか?モジュール パターンと従来の継承方法を使用する必要がありますか? (Baidu 後の答えです)

内部: モジュールモード;
外部: 継承

6. function foo() {} と var foo = function() {} の使用法の違いを説明します

1. 関数宣言には関数名が必要です。 2. どこでも呼び出すことができます。つまり、変数プロモーションがあります
3.

関数式

前後の 2 つの名前は同じでも異なっていても構いません。関数式の後の名前は省略できます。5 .式の後の名前は関数内でのみ使用できます。6. 関数は宣言された後にのみ呼び出すことができます

7. JSONP の仕組みとその理由を説明してください。本物のAjaxではありません。
json はデータ形式です。jsonp はデータ呼び出しのメソッドです。
1. スクリプト タグにクロスドメイン制限がないことを利用し、スクリプト内にスクリプト タグを作成し、アドレスを指定します。サードパーティ API (例:

) )

2. データを受信するための コールバック関数 を提供します。サードパーティによって生成されたデータは、callback({"name":"hax","gender":" Male" の形式) です。 }) コールバック関数は、URL パラメーターを通じて callback=fn

3 を渡すことができます。この方法では、ブラウザーがコールバック関数を呼び出し、解析された json オブジェクトをパラメーターとして渡します。このサイトのスクリプトは、コールバック関数で受信データを処理できます。ajax の本質は、サーバー情報を取得することです。さらに興味深い方法については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

2018年最新のフロントエンド面接の質問4

2018年最新のフロントエンド面接の質問3

2018年最新のフロントエンド面接の質問2

フロント-インタビューの質問終了 質問 1

以上が2018 年最新のフロントエンド面接の質問 5の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。