[Vue]vueのいくつかの面接問題3
2241 ワード
1.vueコンポーネントのタイマーはどのように破棄しますか?
ライフサイクル破棄後、コンポーネント内のタイマーは破棄されず、ページには表示されませんが、コンソールで印刷するとタイマーがまだ動いていることがわかりますので、コードが常に実行されないようにタイマーを破棄します
2.JSXを使ったことがありますか.JSXに対する理解を話してください.
jsxは新しい言語ではなく、新しい文法糖です.jsでhtmlのようなコードを書くことができます.XML構文をJavaScriptコードに直接追加することで、テンプレートではなくコードでインタフェースを効率的に定義できます.
3.
ライフサイクル破棄後、コンポーネント内のタイマーは破棄されず、ページには表示されませんが、コンソールで印刷するとタイマーがまだ動いていることがわかりますので、コードが常に実行されないようにタイマーを破棄します
const timer = setInterval(() =>{
//
}, 500);
// $once , beforeDestroy 。
this.$once('hook:beforeDestroy', () => {
clearInterval(timer);
})
2.JSXを使ったことがありますか.JSXに対する理解を話してください.
jsxは新しい言語ではなく、新しい文法糖です.jsでhtmlのようなコードを書くことができます.XML構文をJavaScriptコードに直接追加することで、テンプレートではなくコードでインタフェースを効率的に定義できます.
3.
?
, DOM , 。
4.vue is ? ?
, v-if , is
5. ?
render , (createElement ), , createElement vnodes, return vnodes
createElement , , html , obj( props, on... ), children( createElement , )
6. name ?
- keep-alive , name
- DOM name
- vue-devtools vue name
7. slot ?slot ?
slot, , , .
8. vue diff ?
vue list , , item
key , , item , list
9.vue ?
-
-
-
-
-
- cdn
-
10.ajax、fetch、axios ?
- ajax
- fetch webAPI xmlHttpRequest
- axios xmlHttpRequest
11.
: 、 , ; , , , ; , (data- ), ( -data); , ( ), 。
: , , , 。