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”

有哪幾大特性:

1、可以用變數，例如（$變數名稱=值）；

2、可以用混合器，例如（）

3、可以巢狀

 

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() 方法, 
沒有任何與迭代有關的屬性和方法。