1. 首頁 > 生活百科 > >

面試官 react什么意思

知識百科生活經驗


面試官 react什么意思

文章插圖
react和vue是什么？有什么區別嗎？
三大框架之二 ， 大家應該都不會陌生，都有學習過或者開發中使用 。
但是他們到底有啥區別呢？這個就是我們這篇文章所需探討并學習的 。
開始！
MVC 和 MVVM
首先 ， 來說明下這些字母代表的含義
  • M：Model 模型
  • V：View 視圖
  • C：Controller 控制器
  • VM：ViewModel 視圖模型
首先說下MVC，大家肯定也知道三大框架中的另外一個（anuglar） 。
如果你寫過angular那就肯定能很清楚的了解這個含義 ， 看如下代碼：
<input ng-model="ball.basketball" />.contronller('BallController', ($scope) => { const ball = { basketball: '我是蔡徐坤' }$scope.ball = ball})input標簽很好理解，就是MVC中的V（view）視圖 。
controller顧名思義 ， 就是MVC中的C（controller）控制器 。
ball的話就是MVC中的M（model）模型 。
MVC的概念很簡單，你要展示一個籃球的頁面：設置一個籃球的模型放在那等待使用 。寫一個你需要展示籃球的視圖 。使用控制器來讓模型和視圖交互 。看起來MVC的概念很舒服，框架的很規范，但是代碼量多了之后，就會顯得整個項目很臃腫，一點都不靈活 。
然后我們來了解下MVVM 。
<input v-model="ball.basketball" />let vm = new Vue({data: {ball: {baskertball: '蔡徐坤就是我'}} })
  • M：Model 模型
  • V：View 視圖
  • VM: ViewModel 視圖模型
其實看代碼就理解了，vm其實就是vue對象 。它的功能就是綁定到view上 ， Model里的籃球不管更新 ， 還是做其他操作，都會通過vm來通知派發至view 。
這樣做的好處呢，第一點，一個業務邏輯你就不用寫很多遍 。類似一個shopcart的功能，你把它的封裝成一個組件（ViewModel）在很多地方都可以直接引入調用 。
他們的區別:
相同點：
1 ， 都是用了Virtual DOM 。
2，都提供了響應式和組件化的視圖組件 。
3，都將注意力集中保持在核心庫，而將其他功能如路由和全局狀態管理交給相關庫 。
不同點：
1，React中，當某組件的狀態發生改變時，它會以該組件為根，重新渲染整個組件子樹 ， 而在Vue中，組件的依賴是在渲染的過程中自動追蹤的，所以系統能準確知曉哪個組件確實需要被重新渲染 。
2，Vue的路由庫和狀態管理庫都由官方維護支持且與核心庫同步更新，而React選擇把這些問題交給社區維護 ， 因此生態更豐富 。
3，Vue-cli腳手架可進行配置
react和vue有什么區別嗎？你可以這樣說！
  1. 引出mvc和mvvm的概念 。
  2. 講解react和vue的底層思想 。
  3. 說出他們的優點和缺點 。
  4. 實踐：你在xx項目中，因為xx問題所以選擇xx框架 。
  5. 最后說出結論 。
例如：
1.mvc和mvvm具體是指xxxxxxx，他們的區別是xxxx ， 各方的優缺點xxxx 。
2.vue的底層是用xxxx實現的，另外碰到數組的話因為有xx缺陷，vue的底層是重寫了關于數組的八個函數等等 。
3.react的jsx功能強大，靈活性強，但是代碼必須要規范，每個人都有自己的代碼風格 。
4.因為項目的迭代更新很快，便于多人開發，所以我選擇的是xx框架 。
5其實用任何框架都要根據真實環境下的各種因素結合，并不是哪個框架就是強無敵 ， 拿起來直接黏貼復制一把梭的 。
作者：Kev1nzh
鏈接：https://juejin.im/post/5ca6fd2f6fb9a05e643def4f
【面試官 react什么意思】關注公眾號：前端冒險指南 ， 對話框回復關鍵字 “前端必備電子書合集”，免費領取經典編程書籍 。