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

今回は、2018 年の最新のフロントエンド面接の質問をお届けします。企業に入社する前に、面接段階が重要な部分であることはわかっています。今回は、フロントエンド面接でよくある質問を整理してまとめました。それを乗り越えるのはフロントエンド面接です。見てみましょう。

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

1. FOUC (Flash フリー コンテンツ) とは何ですか?どうすればFOUCを回避できるのでしょうか？ T import メソッドを使用して CSS をインポートすると、Windows の Internet Explorer の一部のページで、スタイルのないコンテンツのページ コンテンツのインスタント フラッシュが無効になるという奇妙な現象が発生します。 ）、FOUCと呼ばれます。

理由は大まかに以下のとおりです。

1. import メソッドを使用してスタイルシートをインポートします。放 2、ページの下部にスタイル テーブルを配置します

3、HTML 構造の異なる位置に配置されたいくつかのスタイル テーブルがあります。

原則は非常に明確です。スタイル シートが構造 HTML よりも後に読み込まれる場合、このスタイル シートが読み込まれると、ページは前のレンダリングを停止します。このスタイル シートがダウンロードされて解析された後、ページが再レンダリングされ、その結果、画面が短時間ぼやける現象が発生します。

解決策: LINK タグを使用して、ドキュメントのヘッダーにスタイル テーブルを配置します。

2. ARIA とスクリーン リーダーとは何か、また Web サイトにアクセスできるようにする方法を説明してください。

ARIA は、ユーザーのさまざまなニーズを満たすソリューションを Web アプリに提供します。ユーザーとソフトウェアの間に架け橋を築きます。 5 新しい HTML5 標準では、Aria-* ラベル属性が追加されており、正式名は Accessible Rich Internet Application です。 role タグ属性と組み合わせて使用​​されます。

role 属性は、非標準タグの実際の役割を示します。たとえば、div をボタンとして使用する場合、div の role="button" を設定すると、補助ツールはそれが実際にボタンであることを認識できます。 aria-* の機能は、このタグの具体的な情報を視覚的な状況で記述することです。

           < div role=”checkbox” aria-checked=”checked”>

と併用して、この div が実際に動作していることを確認します選択状態ではチェックボックスとして表示されます。

3. CSSアニメーションとJavaScriptアニメーションの長所と短所を説明してください。

1. CSS3 アニメーションは Ie10+ とのみ互換性があり、js アニメーションはほぼすべてのブラウザーと互換性があります

2.js アニメーションはより柔軟で、css3 アニメーションはよりシンプルです

3.js アニメーションは再利用性が高くなります

4時間スケールでは、CSS アニメーションの粒度は比較的粗く、JS アニメーションはより洗練される可能性があります 5. フレーム レートが低いブラウザの CSS アニメーションは正常に低下する可能性があるため、JS コードを追加で記述する必要があります。コード

6. 特定の条件下では、css アニメーション アニメーションのパフォーマンスは JS アニメーションよりも優れています (Webkit コアを備えたブラウザーの場合、js はレイアウトや再描画を行わずに高価なタスクを実行します)

7. css3 には (animationENd と移行終了)

4. クロスオリジンリソース共有 (CORS) とは何ですか?どのような問題を解決するために使用されますか?

Ajax クロスドメインリクエストを使用すると、ブラウザーは次のエラーを報告します: XmlHttpRequest エラー: Origin null は Access-Control-Allow-Origin で許可されていません。jsonp またはプロキシを使用している場合は、クロスドメインの問題である可能性があります。これには多大なエンジニアリング作業が必要となるため、比較的シンプルで効率的なテクノロジである CORS を使用します。 JOSP と比較して、CORS はより効率的です。 JSONP はその原則により GET リクエストのみを実装できますが、CORS はすべての種類の HTTP リクエストをサポートします。 CORS を使用すると、通常の ajax を使用してクロスドメインを実現できます

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

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

2018年の最新のフロントエンドインタビューの質問2

2018年の最新のフロントエンドインタビューの質問3

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