撩課-Web大前端天天5道面試題-Day26

1.vuejs與angularjs以及react的區別？

1.與AngularJS的區別
相同點：
都支持指令：內置指令和自定義指令。
都支持過濾器：內置過濾器和自定義過濾器。
都支持雙向數據綁定。
都不支持低端瀏覽器。

不一樣點：
1.AngularJS的學習成本高，好比增長了Dependency Injection特性，而Vue.js自己提供的API都比較簡單、直觀。
2.在性能上，AngularJS依賴對數據作髒檢查，因此Watcher越多越慢。
Vue.js使用基於依賴追蹤的觀察而且使用異步隊列更新。全部的數據都是獨立觸發的。
對於龐大的應用來講，這個優化差別仍是比較明顯的。
2.與React的區別

相同點：
React採用特殊的JSX語法，Vue.js在組件開發中也推崇編寫.vue特殊文件格式，對文件內容都有一些約定，二者都須要編譯後使用。
中心思想相同：一切都是組件，組件實例之間能夠嵌套。
都提供合理的鉤子函數，可讓開發者定製化地去處理需求。
都不內置列數AJAX，Route等功能到核心包，而是以插件的方式加載。
在組件開發中都支持mixins的特性。

不一樣點：
React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果作髒檢查。
Vue.js在模板中提供了指令，過濾器等，能夠很是方便，快捷地操做Virtual DOM。

複製代碼

2.的做用是什麼?

<keep-alive></keep-alive> 包裹動態組件時，會緩存不活動的組件實例,主要用於保留組件狀態或避免從新渲染。

大白話: 
好比有一個列表和一個詳情，那麼用戶就會常常
執行打開詳情=>返回列表=>打開詳情…這樣的話列表和詳情都是一個頻率很高的頁面，
那麼就能夠對列表組件使用<keep-alive></keep-alive>進行緩存，
這樣用戶每次返回列表的時候，都能從緩存中快速渲染，而不是從新渲染

複製代碼

3.scss是什麼？在vue.cli中的安裝使用步驟是？有哪幾大特性？

css的預編譯。

使用步驟：

第一步：用npm 下三個loader（sass-loader、css-loader、node-sass）

第二步：在build目錄找到webpack.base.config.js，在那個extends屬性中加一個拓展.scss

第三步：仍是在同一個文件，配置一個module屬性

第四步：而後在組件的style標籤加上lang屬性 ，例如：lang=」scss」

有哪幾大特性:

一、能夠用變量，例如（$變量名稱=值）；

二、能夠用混合器，例如（）

三、能夠嵌套

複製代碼

4.vue爲何不直接操做dom？

由於操做dom對象後，會觸發一些瀏覽器行爲，好比佈局（layout）和繪製（paint）。  
paint是一個耗時的過程，然而layout是一個更耗時的過程，
咱們沒法肯定layout必定是自上而下或是自下而上進行的，甚至一次layout會牽涉到整個文檔佈局的從新計算。
瀏覽器的layout是lazy的，也就是說：
在js腳本執行時，是不會去更新DOM的，任何對DOM的修改都會被暫存在一個隊列中，
在當前js的執行上下文完成執行後，會根據這個隊列中的修改，進行一次layout。

複製代碼

5.WeakMap 和 Map 的區別?

WeakMap 結構與 Map 結構基本相似，惟一的區別是它只接受對象做爲鍵名（ null 除外），
不接受其餘類型的值做爲鍵名，
並且鍵名所指向的對象，不計入垃圾回收機制。

WeakMap 最大的好處是能夠避免內存泄漏。
一個僅被 WeakMap 做爲 key 而引用的對象，會被垃圾回收器回收掉。

WeakMap 擁有和 Map 相似的 set(key, value) 、get(key)、has(key)、delete(key) 和 clear() 方法, 
沒有任何與迭代有關的屬性和方法。

複製代碼