フロントエンドインターン面接の質問 2-1

イベント修飾子:

stop: イベントのバブリングを防ぎます。これは、event.stopPropagationメソッドを呼び出すことと同じです。

Prevent: イベントのデフォルト動作を防止します。これは、 event.preventDefaultメソッドを呼び出すことと同じです。

self: event.target が現在の要素自体である場合にのみ  ハンドラーをトリガーします

1 回: イベントがバインドされた後、イベントは 1 回だけトリガーされ、2 回目はトリガーされません。

Capture: この要素を含む最上位レベルから下に向かってイベントを発生させます。

パッシブ: モバイル側では、要素のスクロール イベントをリッスンしているときに、 onscrollイベントが常にトリガーされ、Web ページがスタックしてしまうため、この修飾子を使用すると、 onscrollに.lazy修飾子を追加するのと同じになります。イベント

ネイティブ: コンポーネントが組み込みHTMLタグのようにルート要素のネイティブ イベントをリッスンできるように します。そうでない場合、コンポーネントのv-onは カスタム イベントのみをリッスンします。

マウス ボタンの修飾子:左 左クリック右 右クリック中央 中クリック   

キーボード修飾子:  keyCodeに含まれるもの

共通キー (Enter、Tab、Delete、Space、Esc、Up...)

システム修飾キー (ctrl、alt、meta、shift...)

v バインド修飾子:

async: propsに対して双方向バインディングを実行できます

props : データの公開や HTML 構造の汚染を避けるためにカスタム タグ属性を設定します。

Camel:  view-Box属性名を viewBoxに 変換するなど、名前をキャメルケースに変更します。

ref:  ref は 、要素またはサブコンポーネントへの参照情報を登録するために使用されます。 参照情報は親コンポーネントの$refsオブジェクト に登録されます。通常の DOM 要素で使用される場合、参照は DOM 要素を指します。子コンポーネントで使用される場合、参照はコンポーネント インスタンス を指します

axios :ブラウザーとnode.jsブラウザからの XML リクエストの作成をサポートし、http リクエストを送信するための nodejs をサポートし、リクエストと応答データの変換をサポートし、JSON の自動変換をサポートします。

ルーティングパラメータ:params、query、$router.push()

$routeと $ router: 

$router は、主にルーティング ジャンプを実装する vuerouter のサンプル アプリケーションです。別のパスにジャンプしたい場合は、 his.$router.push メソッドを使用ます

$route はジャンプ用のルートオブジェクトで、各ルートにはローカルオブジェクトである $route オブジェクトがあり、対応する名前、パス、パラメータ、クエリなどを取得できます

参照データ型とプリミティブ データ型:

参照データ型: アドレスはスタックに格納され、データはヒープに格納されます (オブジェクト、配列、関数、データなど)。

基本データ型: スタックに保存される、数値、文字列、ブール値、Null、および未定義。

Vueデータバインディングの原則:

すべてのプロパティに set 関数を設定するには、リスナー オブザーバーが必要です。プロパティが変更された場合は、すべてのサブスクライバー Watcher に通知する必要があります。また、これらの Watcher はメッセージ サブスクライバ Dep に均一に保存されるため、一元管理が容易になります。Dep から通知を受信した後、Watcher は対応する操作を実行してビューを更新します。

おすすめ

転載: blog.csdn.net/Ct130429/article/details/122123499