3フロントエンドの共通面接の質問

、Vueのは、一般的にコマンドを使用しました

データバインディングに使用1、Vモデルのフォーム要素

V型の配列に=「」アイテムV-2、「配列またはループJSON

3、V-ショーの表示、非表示します

4、V-隠す隠されたコンテンツ

5、V-場合の表示非表示は、(DOM要素を追加、削除します)

6、V-ELSE-場合V-IFと組み合わせて使用​​する必要があります

7、V-elseとV-場合は、単独または組み合わせてエラーに使用することはできません

8、V-バインドプロパティ動的結合効果:修正するデータのタイムリーなページは省略することができます:SRCクラス値の属性を

9、V-上:機能をバインドする機能をクリックし@click例えば、それはと略記することも、結合法にラベルを付けるためにクリックした方法で記述する必要があります

10、V-テキスト解析テキスト

11、V-htmlのhtmlタグを解析

繰り返されていないページのレンダリングに入るとき12は、V-かつて一度だけレンダリング

13、V-マント防止フリッカー

タグ出力素子内部14、V-プレインサイチュ

二、Vueの一般的に使用される修飾子

1 .stopクリックイベントバブリングを防ぎます

.stop使用した後は、イベントに親ノードをキャプチャしていない子ノードをクリックしてください

2 .preventデフォルトのイベントをキャンセル

以下のために、)、event.preventDefault()内のJavaScriptと同等、(イベントがキャンセルされた場合、そのイベントのさらなる伝播を停止することなく、イベントをキャンセル)はJavaScriptのevent.preventDefault(と同等防ぐデフォルトの動作の実行を防ぎますデフォルトのイベントをキャンセル

3つの.captureキャプチャイベントの外部から内部へ

イベントバブリングの方向とは対照的に、イベントは、外側から内側に取り込まれ、イベントをキャプチャ:2ネストされた3つの親子関係を、その後、すべてのクリックイベントを持って、子ノードをクリックし、外部から内部の親にトリガ - 「子ノードをイベントをクリックしてください

4 .selfのみサブ要素を含まない、彼ら自身の範囲内でイベントをトリガ

クリックイベントを追加するには、ボタンの上に、=「add()を」親のdivにclick.self @クリックイベントを追加するために、親ボタンのサブセットを書く@ =「ショー()」をクリックしますが、私はに応じてボタンをクリックすると、 .selfと組み合わせると、原則として、I追加()イベントをバブリングイベントがトリガされますI add()メソッド「のショーをクリックしてください()メソッドがトリガされませんとき==です

一度だけ実行5 .once

6 .passive

具体的には、受動的にはモバイルエンドページのパフォーマンスが向上します

.preventが無視され、ブラウザがあなたに警告を表示することがあるので、.passiveと.preventでは使用しないでください。あなたは、イベントのデフォルト動作を防ぐためにしたくないブラウザは.passive伝え、覚えておいてください。

PS:イベント修飾子はシリーズで使用されるが、順序があることに注意してくださいすることができます!

キーボード修飾子は
.enter:Enterキー

.TAB:タブレータ

.delete:削除し、バックスペースキーを含みます

.esc:リターンキー

.SPACE:スペースバー

.up:UP ARROW

.down:下向き矢印

.LEFT:左矢印

.RIGHT:RIGHT

システム修飾子

.ctrl

.ALT

。シフト

.META

マウスボタンモディファイ

マウスハンドラは、修飾子に特定のマウスボタンを制限するための待ち受けます。一般的なのは、次のとおりです。

。左

。右

。中間

.exact修飾子
修飾子を修飾.exactは、あなたがイベントの組み合わせによってトリガ正確なシステムを制御することができます。

修飾子

図1は、後に変更をトリガー.lazy

デジタル出力タイプに.NUMBER列2

3 .trimは自動的にユーザーによって末尾のスペースの入力をフィルタリング

V-にあなたは複数の方法を監視することができますか?
はい、リスニングは異なるイベントの数です

キー値のVUEの第三に、役割

VUEは、多くの場合、既存の要素を再利用するのではなくスクラッチレンダリングから始めて、できるだけ効率的にレンダリングされますので、再利用可能なを管理するための要素、あなたが一意に各ノードを識別するキーを作成する必要があり、差分アルゴリズムはこれを正しく識別することができます右の位置エリアを発見ノードは、新しいノードを挿入します。

四、データのVueのアセンブリは、なぜ関数でなければなりません

一度、各コンポーネントの再利用は、それが各コンポーネントインスタンスデータ用のプライベート空間を作成することに似新しいデータを、返すように機能に書き込まれたデータの組み立ては、この関数は、データ定義の形式で値を返す各コンポーネントのインスタンスているので独自のデータを維持します。オブジェクトとシンプルな形で書かれ、データ・インスタンスのすべてのコンポーネントが、結果がすべてとなりますバリアントの原因となることが一般的です。

おすすめ

転載: blog.csdn.net/qq_44306441/article/details/95300123