面試官 react什么意思 _生活經(jīng)驗(yàn)

文章插圖
react和vue是什么？有什么區(qū)別嗎？
三大框架之二，大家應(yīng)該都不會(huì)陌生，都有學(xué)習(xí)過(guò)或者開(kāi)發(fā)中使用。
但是他們到底有啥區(qū)別呢？這個(gè)就是我們這篇文章所需探討并學(xué)習(xí)的。
開(kāi)始！
MVC 和 MVVM
首先，來(lái)說(shuō)明下這些字母代表的含義

M：Model 模型
V：View 視圖
C：Controller 控制器
VM：ViewModel 視圖模型

首先說(shuō)下MVC，大家肯定也知道三大框架中的另外一個(gè)（anuglar）。
如果你寫(xiě)過(guò)angular那就肯定能很清楚的了解這個(gè)含義，看如下代碼：
<input ng-model="ball.basketball" />.contronller('BallController', ($scope) => { const ball = { basketball: '我是蔡徐坤' }$scope.ball = ball})input標(biāo)簽很好理解，就是MVC中的V（view）視圖。
controller顧名思義，就是MVC中的C（controller）控制器。
ball的話就是MVC中的M（model）模型。
MVC的概念很簡(jiǎn)單，你要展示一個(gè)籃球的頁(yè)面：設(shè)置一個(gè)籃球的模型放在那等待使用。寫(xiě)一個(gè)你需要展示籃球的視圖。使用控制器來(lái)讓模型和視圖交互。看起來(lái)MVC的概念很舒服，框架的很規(guī)范，但是代碼量多了之后，就會(huì)顯得整個(gè)項(xiàng)目很臃腫，一點(diǎn)都不靈活。
然后我們來(lái)了解下MVVM 。
<input v-model="ball.basketball" />let vm = new Vue({data: {ball: {baskertball: '蔡徐坤就是我'}} })

M：Model 模型
V：View 視圖
VM: ViewModel 視圖模型

其實(shí)看代碼就理解了，vm其實(shí)就是vue對(duì)象。它的功能就是綁定到view上， Model里的籃球不管更新，還是做其他操作，都會(huì)通過(guò)vm來(lái)通知派發(fā)至view 。
這樣做的好處呢，第一點(diǎn)，一個(gè)業(yè)務(wù)邏輯你就不用寫(xiě)很多遍。類(lèi)似一個(gè)shopcart的功能，你把它的封裝成一個(gè)組件（ViewModel）在很多地方都可以直接引入調(diào)用。
他們的區(qū)別:
相同點(diǎn)：
1 ，都是用了Virtual DOM 。
2，都提供了響應(yīng)式和組件化的視圖組件。
3，都將注意力集中保持在核心庫(kù)，而將其他功能如路由和全局狀態(tài)管理交給相關(guān)庫(kù) 。
不同點(diǎn)：
1，React中，當(dāng)某組件的狀態(tài)發(fā)生改變時(shí)，它會(huì)以該組件為根，重新渲染整個(gè)組件子樹(shù) ，而在Vue中，組件的依賴(lài)是在渲染的過(guò)程中自動(dòng)追蹤的，所以系統(tǒng)能準(zhǔn)確知曉哪個(gè)組件確實(shí)需要被重新渲染。
2，Vue的路由庫(kù)和狀態(tài)管理庫(kù)都由官方維護(hù)支持且與核心庫(kù)同步更新，而React選擇把這些問(wèn)題交給社區(qū)維護(hù) ，因此生態(tài)更豐富。
3，Vue-cli腳手架可進(jìn)行配置
react和vue有什么區(qū)別嗎？你可以這樣說(shuō)！

引出mvc和mvvm的概念。
講解react和vue的底層思想。
說(shuō)出他們的優(yōu)點(diǎn)和缺點(diǎn) 。
實(shí)踐：你在xx項(xiàng)目中，因?yàn)閤x問(wèn)題所以選擇xx框架。
最后說(shuō)出結(jié)論。

例如：
1.mvc和mvvm具體是指xxxxxxx，他們的區(qū)別是xxxx ，各方的優(yōu)缺點(diǎn)xxxx 。
2.vue的底層是用xxxx實(shí)現(xiàn)的，另外碰到數(shù)組的話因?yàn)橛衳x缺陷，vue的底層是重寫(xiě)了關(guān)于數(shù)組的八個(gè)函數(shù)等等。
3.react的jsx功能強(qiáng)大，靈活性強(qiáng)，但是代碼必須要規(guī)范，每個(gè)人都有自己的代碼風(fēng)格。
4.因?yàn)轫?xiàng)目的迭代更新很快，便于多人開(kāi)發(fā)，所以我選擇的是xx框架。
5其實(shí)用任何框架都要根據(jù)真實(shí)環(huán)境下的各種因素結(jié)合，并不是哪個(gè)框架就是強(qiáng)無(wú)敵，拿起來(lái)直接黏貼復(fù)制一把梭的。
作者：Kev1nzh
鏈接：https://juejin.im/post/5ca6fd2f6fb9a05e643def4f
【面試官 react什么意思】關(guān)注公眾號(hào)：前端冒險(xiǎn)指南，對(duì)話框回復(fù)關(guān)鍵字 “前端必備電子書(shū)合集”，免費(fèi)領(lǐng)取經(jīng)典編程書(shū)籍。

精品久久久久久久久水蜜桃|丁香花五月|新中文字幕麻豆视频|美女下面粉嫩粉嫩冒白浆高清|日本黄h兄妹h动漫一区二区三区|床片激情免费视频|羞羞动漫在线入口免费阅读

面試官 react什么意思