2018 年の最新のフロントエンド面接の質問 4-jsチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2020-09-01 15:57:58

オリジナル

2884 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。