面接で頻繁に聞かれるフロントエンドの質問

就職活動をするときは、自分の現状と照らし合わせて、志望企業に向けて万全の準備をする必要があります。

  1. フロントエンド開発とは何ですか? フロントエンド開発の役割とは何ですか?
    フロントエンド開発とは、HTML、CSS、JavaScript などのテクノロジーを使用して、ユーザーがブラウザーで直接操作する Web ページまたはアプリケーションを開発するプロセスを指します。フロントエンド開発の役割は、バックエンドが提供するデータや機能を分かりやすく提示し、優れたユーザーエクスペリエンスを提供することです。

  2. HTML、CSS、JavaScriptとは何ですか?
    HTML (Hypertext Markup Language) は、Web ページの構造を作成するために使用されるマークアップ言語であり、Web ページの構造とコンテンツを記述するために使用されます。
    CSS (Cascading Style Sheets) は、Web ページのスタイルを定義するために使用される言語であり、Web ページのレイアウト、色、フォント、およびその他の外観効果を制御するために使用されます。
    JavaScript は、Web ページにインタラクティブな機能を追加するために使用されるスクリプト言語であり、Web ページの要素を制御することで動的な効果やユーザー インタラクションを実現できます。

  3. レスポンシブデザインとは何ですか?
    レスポンシブ デザインは、HTML や CSS などのテクノロジを使用して、Web ページをさまざまなデバイスや画面サイズの表示効果に適応できるようにする Web デザイン手法です。レスポンシブ デザインにより、ユーザー エクスペリエンスが向上し、ユーザーがコンピューター、タブレット、携帯電話のいずれを使用して Web ページにアクセスしても、優れたブラウジング エクスペリエンスを得ることができます。

  4. クロスドメインリクエストとは何ですか? クロスドメインの問題を解決するにはどうすればよいでしょうか?
    クロスドメイン リクエストとは、ブラウザの JavaScript を通じて開始されるリクエストを指します。リクエストのターゲットは、現在の Web ページが配置されているドメイン名と一致しません。ブラウザーの同一オリジン ポリシー制限により、通常、クロスドメイン リクエストはブラウザーによってインターセプトされ、リクエストが失敗します。
    クロスドメインの問題を解決するには多くの方法がありますが、一般的な方法には、JSONP、CORS、およびプロキシ サーバーの使用が含まれます。JSONP は、スクリプト タグのクロスドメイン機能を使用して、クロスドメイン データをロードするためのスクリプト タグを動的に作成します。CORS (Cross-Origin Resource Sharing) は、サーバー側で HTTP ヘッダーを設定することで、クロスオリジンの問題を解決するメカニズムです。プロキシ サーバーとは、サーバー側からのリクエストを同じドメイン名で転送することで、クロスドメインの問題を解決することを指します。

  5. クロージャーとは何ですか? クロージャーは何をするのでしょうか?
    クロージャとは、外部関数の実行が終了した場合でも、関数がその外部関数のスコープ内の変数にアクセスして操作できることを意味します。クロージャを使用すると、プライベート変数や関数を作成したり、データをカプセル化して非表示にしたり、変数のライフサイクルを延長したりできます。
    JavaScript では、関数が作成されるたびにクロージャーも作成されます。クロージャは関数内にローカル スコープを作成し、外部関数の変数にアクセスできます。これらの変数はガベージ コレクション メカニズムによって再利用されないため、関数の実行後も引き続きアクセスして使用できます。

  6. イベントバブリングとイベントキャプチャとは何ですか?
    イベント バブリングとは、要素がイベントをトリガーすると、そのイベントが最も深い要素からドキュメント オブジェクトまでバブルアップすることを意味します。イベント キャプチャとは、要素がイベントをトリガーすると、イベントがドキュメント オブジェクトから最も深い要素までキャプチャされることを意味します。
    イベント バブリング プロセス中に、イベント オブジェクトの target プロパティを通じてイベントのトリガー要素を取得できます。イベントのキャプチャ中に、現在イベントを処理している要素は、イベント オブジェクトの currentTarget プロパティを通じて取得できます。

  7. 同期と非同期とは何ですか?
    同期とは、操作を実行するときに、後続の操作を続行する前に、操作が完了するまで待機する必要があることを意味します。非同期とは、操作の実行時に操作が完了するまで待つ必要がなく、後続の操作を引き続き実行できることを意味します。
    フロントエンド開発における一般的な同期操作には、ローカル ファイルの読み取りや大規模な計算の実行など、時間のかかる操作が含まれます。一般的な非同期操作には、ネットワーク リクエストの送信、スケジュールされたタスクの実行などが含まれます。

  8. コールバック関数とは何ですか? なぜコールバック関数を使用するのでしょうか?
    コールバック関数とは、関数をパラメータとして別の関数に渡し、特定のイベントが発生したときにその関数を呼び出すことを指します。コールバック関数は非同期操作の処理でよく使用され、非同期操作の完了後に特定のロジックを実行できます。
    コールバック関数を使用すると、メインスレッドのブロックを回避し、プログラムの応答速度とユーザー エクスペリエンスを向上させることができます。コールバック関数をパラメータとして非同期関数に渡すことにより、非同期操作の完了後に特定のロジックを実行して、コードの柔軟性とスケーラビリティを実現できます。

  9. ブラウザのキャッシュとは何ですか? ブラウザのキャッシュを最適化するにはどうすればよいですか?
    ブラウザのキャッシュとは、ブラウザが Web ページにアクセスするときに、Web ページのリソース (HTML、CSS、JavaScript、画像など) をローカル ディスクに保存し、同じときにローカルから直接ロードできるようにすることを意味します。次回アクセス時のアクセス速度を向上させるため。
    ブラウザーのキャッシュを最適化すると、HTTP ヘッダーを設定することでキャッシュ ポリシーを制御できます。一般的な設定には、リソースの有効期限を制御するための Expires ヘッダーと Cache-Control ヘッダーの設定、リソースの検証メカニズムを制御するための Last-Modified ヘッダーと ETag ヘッダーの設定が含まれます。リソースの特性に応じて適切なキャッシュ戦略を設定できるため、ページの読み込み速度とパフォーマンスが向上します。

  10. フロントエンドのパフォーマンスの最適化とは何ですか? 一般的なフロントエンドのパフォーマンス最適化方法は何ですか?
    フロントエンドのパフォーマンスの最適化とは、さまざまな技術的手段と最適化戦略を通じて Web ページの読み込み速度と応答速度を改善し、ユーザー エクスペリエンスとページのパフォーマンスを向上させることを指します。
    一般的なフロントエンド パフォーマンスの最適化方法には、HTTP リクエストの削減、リソース ファイルのマージと圧縮、CDN アクセラレーションの使用、キャッシュの使用、画像の最適化、遅延読み込み、遅延読み込みの使用、非同期読み込みの使用、DOM 操作の最適化、CSS スプライトの使用、JavaScript コードの最適化が含まれます。 、など。これらの方法を総合的に使用することで、Web ページのパフォーマンスを効果的に最適化できます。

Guess you like

Origin blog.csdn.net/zz130428/article/details/132271641