1.微前端如何實(shí)現(xiàn)的?JS變量怎么做到隔離的
答: qiankun中: 快照沙箱:將window的快照信息存在windowSnapshot中。激活期間,可能修改了window數(shù)據(jù)退出沙箱
代理沙箱隔離
2.vue3.0和vue2.0有什么區(qū)別?
3.diff算法
4.vue常用的通信
5.vuex怎么實(shí)現(xiàn)的?
6.封裝子組件是如何考慮的,一般會(huì)用到哪些東西
答:1.數(shù)據(jù)從父組件傳入 2.在父組件處理事件 3.記得留一個(gè) slot 4.不要依賴 Vuex 5.合理運(yùn)用 scoped 編寫 CSS
7.ES6中Promise如何實(shí)現(xiàn)的?
8.vue2生命周期,數(shù)據(jù)請(qǐng)求放在哪個(gè)階段
答:?一般來說我們會(huì)將數(shù)據(jù)請(qǐng)求放在mount階段,如果放在created階段那么SSR(Server-side Rendering)會(huì)在后端執(zhí)行一次,在前端也執(zhí)行一次,這并不符合我們的預(yù)期
9.重繪和回流的了解,重繪一定會(huì)回流嗎?
答: 重繪: 在渲染樹中的一些元素需要更新屬性,而這些屬性只是影響元素的外觀,風(fēng)格,不影響布局
回流:當(dāng)渲染樹中的一部分或全部因?yàn)樵氐囊?guī)模尺寸、布局、隱藏等改變時(shí),瀏覽器重新渲染部分DOM或全部DOM的過程。
回流必定會(huì)引起重繪,重繪一定不會(huì)引起回流
10.常用的this在哪些場(chǎng)景中用到
答:1.全局中的this(瀏覽器環(huán)境下window,Node環(huán)境下Global)
2.普通函數(shù)中的this
3.對(duì)象方法中的this
4.事件方法中的this
5.構(gòu)造函數(shù)中的this
6.箭頭函數(shù)中的this
11.所有函數(shù)都有prototype對(duì)象,A.prototye = B.prototype,A會(huì)不會(huì)繼承B所有的屬性和方法,是A本身嗎
答:箭頭函數(shù)沒有prototype對(duì)象
12.setTimeout中的this中代表什么
13.symbol在什么情況下用到,能不能作為vue中的key
14.對(duì)象深拷貝和淺拷貝的區(qū)別
15.vue中父子傳參傳的是個(gè)對(duì)象,子組件去修改數(shù)據(jù),父組件那里的數(shù)據(jù)會(huì)不會(huì)變