フロントエンドインターンの面接の質問 1 ~ 3

ロードメソッドとレディメソッドの違いは次のとおりです。

  1. load はリソースのロード後に実行され、ready は DOM ノードのロード後に実行されます。
  2. ロードは 1 回だけ実行され、ready メソッドは複数回実装されます。
  3. Readyメソッドは省略可能

DOM と jQuery の交換

  1. 添え字を取得して JQ オブジェクトを DOM オブジェクトに変換します
  2. DOM オブジェクトは $() を通じて JQ オブジェクトに変換できます

同期と非同期の理解について話します。 

  1. 前のタスクを同期して終了し、次のタスクを実行します。これにより、スレッドがブロックされます。
  2. 非同期 複数のタスクが順番に開始されますが、必ずしも順番に終了するとは限りません

post と get の違い:

  1. get によって送信される情報はクリア テキストであり、投稿は内部パッケージを通じて送信されるため、より安全です。
  2. 取得情報は URL に含める必要があります。サイズは制限されています。一般に情報を取得するために使用されます。投稿サイズに制限はありません。データの送信やファイルのアップロードまたはダウンロードによく使用されます。

レスポンシブ レイアウトとは: <meta name="viewport">、メディア クエリ

レスポンシブ開発: 1 つのコード セットが複数のデバイスで動作します

拡張演算子: 文字列、配列、クラス配列をカンマ区切りのリストに変換します。

アクションとは: 非同期操作を実装するには、非同期操作でデータを変更するアクションを渡す必要があります。アクション内でデータを直接変更するのではなく、ミューテーションをトリガーします。

ゲッターとは: 計算されたプロパティと同様に、状態データが変更されると、ゲッターも変更されます。

配線ガード: 配線ジャンプ前のインターセプト動作

例: 1. Vue 公式推奨、2 .解析されたデータを直接返す、3. Promise を返す

入力の内容を取得する方法と内容の変更を知る方法 (js、vue)

   value コンテンツを取得するための value

   js:変更によってコンテンツが変更され、フォーカスが失われます

   vue: 双方向データ バインディング v-model

双方向データバインディングとは何ですか

   ビューが変更されると、それに応じてデータも変更されます

   データが変わると内容も変わる

オブジェクト指向と手続き型指向の違い

   プロセス指向はプロセス中心のプログラミングの考え方であり、何が起こっているかを目標にしてプログラミングします。

   オブジェクト指向は現実世界を理解し抽象化する方法であり、次の 3 つの主要な特徴があります: カプセル化継承ポリモーフィズム

レスポンシブ

   1つのコードで複数のデバイスに対応

   レスポンシブ レイアウトとレスポンシブ開発

   メディア クエリ パーセンテージ レイアウト ビューポートによるレスポンシブ レイアウトの実装

vuex

   グローバルステートマネージャー

   コンポーネント間のデータ共有を容易にする

   5 つの部分: 状態の突然変異、ゲッター、アクション モジュール

親から子に値を渡す

   親から子への小道具

   子はイベント $emit を親に発行します

   兄弟間で値を渡す場合は、まず親コンポーネントに値を渡してから子コンポーネントに渡すか、vuex、refを使用します。

Vue で一般的に使用される修飾子は何ですか? 応用シナリオは何ですか?

プログラミングの世界では、修飾子は、型および型のメンバーの宣言を修飾するために使用される表記法です

vueの修飾子は以下の 5 種類に分類されますフォーム修飾子 イベント修飾子 マウスボタン修飾子 キー値修飾子 v-bind 修飾子

フォーム修飾子:

Lazy:情報を入力し、カーソルがラベルから離れると、値はvalue 、つまり変更eに割り当てられます。

イベント後に情報を同期する

トリム: ユーザーが入力した最初のスペース文字を自動的にフィルタリングします。中間のスペースはフィルタリングされません。

number: ユーザーの入力値を数値型に自動的に変換しますが、値がparseFloatで解析できない場合は、元の値が返されます。

Guess you like

Origin blog.csdn.net/Ct130429/article/details/122103810