目次
31. JavaScript での AJAX の原則と応用。
33. モジュール開発と JavaScript におけるその役割。
38. JavaScript のイベント ループ メカニズム。
39. Vue の計算プロパティ (Computed) とリスナー (Watch) の違いとその使用シナリオ。
40. JavaScript における Promise (約束) とその関数。
31. JavaScript での AJAX の 原則と応用。
JavaScript の AJAX (Asynchronous JavaScript and XML) は、非同期リクエストの作成とサービス応答の処理に使用されるテクノロジです。サーバーへのデータの送信とサーバーからのデータの受信は非同期で実行され、ページの通常の操作には影響しません。AJAX の原理は、ネイティブ JavaScript や jQuery などのライブラリを使用して開発できる XMLHttpRequest オブジェクトに基づいており、フロントエンド Web 開発で広く使用されており、動的な Web ページやデータ対話などの機能の実装に使用できます。
32. ブラウザーの同一 生成元ポリシー とその 制限事項。
ブラウザー オリジン ポリシーは、悪意のある Web サイトによるユーザー情報の取得を保護し、スクリプト、ドキュメント、さまざまなソース (プロトコル、ドメイン名、ポート) からのリクエストなどの対話型操作を制限するブラウザー セキュリティ ポリシーです。同一生成元ポリシーの制限には、オリジナル以外の Web サイトから Cookie を読み取れない、オリジナル以外の Web サイトに AJAX リクエストを送信できない、オリジナル以外の Web サイトの DOM ツリーにアクセスできないなどが含まれます。
33. モジュール開発と JavaScript におけるその役割。
JavaScript のモジュール開発は、グローバル変数の汚染や名前の競合などの問題を回避しながら、コードをより小さく管理しやすい独立したモジュールに分割する方法です。JavaScript でモジュール開発を実装するには、AMD、CommonJS、ES6 モジュールなど、さまざまな方法があります。
34. CSS におけるメディアクエリとその機能。
CSS のメディア クエリは、さまざまなメディア デバイスや画面サイズにさまざまなスタイルを適用する方法です。@media ルールを使用すると、メディア クエリで 1 つ以上の条件を指定でき、条件が満たされると、次のスタイル コンテンツが適用されます。メディア クエリの機能には、さまざまなデバイスへの適応、ページの応答性の向上、ユーザー エクスペリエンスの最適化などが含まれます。
35. JavaScript での再帰とその応用。
JavaScript における再帰は、関数内でそれ自体を呼び出す行為であり、再帰構造でデータや操作を処理するために使用できます。再帰のアプリケーションには、複雑な数学的計算の処理、複雑な問題 (データ検索、走査、並べ替えなど) の解決、および複雑なデータ構造の処理が含まれます。再帰に注意が必要な問題には、スタック オーバーフロー、再帰の停止条件、再帰の深さなどが含まれます。
36. HTTPS の仕組み。
HTTPS は暗号化通信に基づくセキュリティ プロトコルであり、ネットワーク通信の安全性を確保するために使用されます。
HTTPS の動作原理は次のステップに分けることができます。
まず、クライアントはサーバーへの SSL 接続リクエストを開始します。
次に、サーバーはSSL 証明書をクライアントに送信し、クライアントは証明書の有効性を検証します。
次に、クライアントは対称暗号化アルゴリズムのキーをランダムに生成し、公開キーを使用して暗号化してサーバーに送信します。サーバーは秘密キーを使用して復号化してキーを取得し、そのキーを使用してデータを暗号化して送信します。それをクライアントに送ります。
最後に、クライアントはキーを使用してデータを復号化し、データ検証を実行します。
37. React の ルーターとその 機能。
React の Router はルーティングを処理するために使用されるライブラリで、URL に基づいてさまざまなコンポーネントやコンテンツを表示し、SPA (Single Page Application) エクスペリエンスを提供します。
React の Router には、BrowserRouter、HashRouter、MemoryRouter などのコンポーネントが含まれており、さまざまなルーティング メソッドと操作を実装できます。
38. JavaScript の イベントループメカニズム 。
JavaScript のイベント ループ メカニズムは、イベントやコールバック関数などの非同期で実行されるタスクを処理するために使用される非同期プログラミング モデルです。イベントループ機構はマクロタスクやマイクロタスクを含むイベントループキューをベースに実装されており、タスクをキューから連続的に取り出して順番に実行することで非同期処理タスクを実現します。
39. Vue の計算プロパティ ( Computed) とリスナー ( Watch)の違い とその使用シナリオ。
Vue の計算プロパティとリスナーはどちらもデータ変更の監視に使用できますが、この 2 つの違いは、計算プロパティは計算値を返し、リスナーは論理演算を実行することです。計算属性は、価格割引、データ フィルタリングなど、特定のデータを取得するために計算が必要な処理シナリオに適しており、リスナーは、データの変更後に追加のロジックを実行する必要がある、複雑なデータ リクエストなどの処理シナリオに適しています。操作など
40. JavaScript における Promise (約束) とその機能。
CSS Flexbox レイアウト (別名 Flex レイアウト) は、柔軟で応答性の高いレイアウトを実現するための CSS3 の機能で、さまざまな複雑なレイアウトを実現でき、あらゆる端末デバイスと画面サイズに適しています。
Flexboxはコンテナやサブ要素のプロパティを定義することで要素間の配置関係を実現できます。Flexbox には次の概念が導入されています。
● Flex コンテナ: Flex 要素をラップし、Flex 要素のレイアウトを定義するために使用される親要素。
● Flex 要素: Flex コンテナのサブ要素。Flex 要素のサイズ、位置、その他の属性を定義するために使用されます。
● 主軸: Flex コンテナの主な方向を定義します。
● 交差軸: 主軸に垂直な軸。主軸上の要素を位置合わせするために使用されます。
Flex レイアウトを使用すると、display: flex を設定して Flex コンテナを定義し、要素間の柔軟なレイアウトと応答性の高いデザインを実現できます。