對(duì)MVC 予颤、MVVM缝彬、MVP的理解
MVC：
? ??M表示 Model , 專門用來處理數(shù)據(jù)模型财忽。
? ??V表示View， 專注頁(yè)面布局和數(shù)據(jù)顯示铛只。
? ??C表示Controller 專注于控制埠胖，執(zhí)行業(yè)務(wù)邏輯，操作模型和視圖淳玩。
MVC的數(shù)據(jù)之間通信都是單向的
????View(視圖層) 傳送指令到 Controller(控制層)
????Controller(控制層) 完成業(yè)務(wù)邏輯后直撤，要求 Model(模型層) 改變狀態(tài)
????Model(模型層) 將新的數(shù)據(jù)發(fā)送到 View(視圖層)，用戶得到反饋
在MVC中蜕着，雖然View與Model之間的耦合度非常小谋竖，只需要Model修改的時(shí)候通知View發(fā)生改變即可红柱，但是它們之間還有有很重要的聯(lián)系，于是蓖乘，就有了MVP
MVP：
? ??M表示 Model锤悄，專門用來處理數(shù)據(jù)模型
? ??V表示View，專門用來處理用戶視圖
? ??P表示Presenter嘉抒，用來處理業(yè)務(wù)邏輯零聚，在MVC的基礎(chǔ)上，修改了通信方向
MVP中些侍，View和Model之間沒有任何通信關(guān)系隶症，所有的通信和業(yè)務(wù)邏輯都放在Presenter層中
????View(視圖層) 發(fā)送指令到 Presenter層，
????Presenter層 處理業(yè)務(wù)邏輯岗宣，要求 Model(模型層) 改變狀態(tài)
????Model(模型層) 修改狀態(tài)之后蚂会，發(fā)送指令到 Presenter層
????Presenter層通知View(視圖層)做出改變
在MVP中，所有的通信都是雙向的耗式，View和Model不會(huì)直接發(fā)生通信胁住，都通過Presenter層進(jìn)行傳遞
在MVP中，所有的業(yè)務(wù)邏輯都寫在Presenter層中刊咳，會(huì)導(dǎo)致Presenter層過于臃腫
在MVP中彪见，View只負(fù)責(zé)顯示視圖，不包含任何業(yè)務(wù)邏輯芦缰，導(dǎo)致View層過薄企巢，不具備任何主動(dòng)性
由于在MVP模式中，所有的業(yè)務(wù)邏輯都放在Presenter層中让蕾，必須通過Presenter層來修改View層的界面浪规，所以出現(xiàn)了MVVM
MVVM：
M表示 Model，專門用來處理數(shù)據(jù)模型
V表示View探孝，專門用來處理用戶視圖
VM表示ViewModel笋婿，用來使的View視圖層與Model層雙向綁定，View的任何變動(dòng)都會(huì)通知ViewModel顿颅，而Model的任何變動(dòng)缸濒，也都會(huì)通知ViewModel，而不論哪一項(xiàng)發(fā)生改變粱腻，都會(huì)使對(duì)應(yīng)的視圖/數(shù)據(jù)模型同步發(fā)生改變
在MVVM中庇配，與MVP一樣，所有的通信都是雙向的绍些，數(shù)據(jù)與視圖不直接發(fā)生依賴捞慌，全部通過VM層來進(jìn)行雙向綁定
所有的業(yè)務(wù)邏輯都由VM來進(jìn)行處理，但是在View層和Model層修改都會(huì)通過VM來雙向的綁定修改
詳述Vuex工作流程
工作流程：
1.在vue組件里面柬批，通過dispatch來觸發(fā)Actions提交修改數(shù)據(jù)的操作啸澡。
2.然后再通過actions的commit來觸發(fā)mutations來修改數(shù)據(jù)袖订。
3.mutations接收到commit的請(qǐng)求，就會(huì)自動(dòng)通過Mutate來修改state里面的數(shù)據(jù)嗅虏。
4.最后由store觸發(fā)每一個(gè)調(diào)用它的組件的更新
談?wù)剬?duì)對(duì)$nextTick的理解及使用場(chǎng)景
vue的視圖更新是異步的洛姑，在修改完成數(shù)據(jù)之后，當(dāng)前的view不一定發(fā)生改變皮服，于是就有了$nextTick,nextTick是在下次dom更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)楞艾，在修改數(shù)據(jù)之后立即使用這個(gè)方法，獲取更新后的dom
使用場(chǎng)景：
在created（）鉤子函數(shù)中進(jìn)行dom操作時(shí)
更新數(shù)據(jù)后想要使用js對(duì)新的視圖進(jìn)行操作時(shí)
在使用某些第三方插件時(shí) 冰更，這些插件需要dom動(dòng)態(tài)變化后重新應(yīng)用該插件
漸進(jìn)式框架的理解
漸進(jìn)式框架主要代表他的主張性小产徊，沒有多做職責(zé)以外的事
組件樣式屬性scoped問題及解決方法
scoped是為了讓組件樣式私有化，當(dāng)前組件的樣式只對(duì)當(dāng)前組件有效
問題：
要在父組件中修改子組件的布局樣式等
要修改v-html渲染出的內(nèi)容的樣式時(shí)
使用一些UI框架時(shí)蜀细，修改樣式的問題
解決方案：
同時(shí)使用scoped局部樣式和全局樣式
使用深選擇器>>>或/deep/進(jìn)行樣式穿透
vue中雙向數(shù)據(jù)綁定是如何實(shí)現(xiàn)的？
vue雙向數(shù)據(jù)綁定是通過數(shù)據(jù)劫持結(jié)合發(fā)布者訂閱者模式來實(shí)現(xiàn)的
詳述虛擬dom中的diff算法
步驟一：用JS對(duì)象模擬DOM樹
步驟二：比較兩棵虛擬DOM樹的差異
步驟三：把差異應(yīng)用到真正的DOM樹上
vue中提供了幾種腳手架模板戈盈？
webpack:?一個(gè)全面的webpack+vue-loader的模板奠衔，功能包括熱加載，linting,檢測(cè)和CSS擴(kuò)展塘娶。
webpack-simple:一個(gè)簡(jiǎn)單webpack+vue-loader的模板归斤，不包含其他功能，讓你快速的搭建vue的開發(fā)環(huán)境刁岸。
browseify:一個(gè)全面的Browserify+vueify 的模板脏里，功能包括熱加載，linting,單元檢測(cè)虹曙。
browserify-simple:一個(gè)簡(jiǎn)單Browserify+vueify的模板迫横，不包含其他功能，讓你快速的搭建vue的開發(fā)環(huán)境酝碳。
simple:?一個(gè)最簡(jiǎn)單的單頁(yè)應(yīng)用模板矾踱。
pwa:一個(gè)集成pwa環(huán)境的webapp的模板
常見的幾種mvvm的實(shí)現(xiàn)方式
發(fā)布者-訂閱者模式（backbone.js）
臟值檢查（angular.js）
數(shù)據(jù)劫持（vue.js）
