jQuery、vue和react的對比及選型考慮


vue和react已然是目前最受歡迎的前端開發框架,但公司依然有個項目使用的是jQuery開發。之前面試的時候,也有面試官問,什么項目適合使用jQuery開發呢?

jQuery

jQuery無疑是將web開發帶向標准化的領路人,兼容了各大瀏覽器,且包含了各種好用的插件。
但是jQuery體積大,不太合適用來開發對流量限制較大的項目,更別提移動端項目。且jQuery是直接操作原生DOM,性能上也較差。
因此,jQuery在我看來,比較適合用來搭建沒有什么交互行為的項目。公司的jQuery項目也就是一個僅僅介紹公司產品的項目,並且使用jQuery的插件實現了很豐富的動畫效果

vue和react

vue和react實際上是很相似的,眾所周知的MVVM模式,以下就針對這兩個框架談談異同。

【virtual DOM】

vue和react很大的一個性能優點就是使用了virtual DOM,並不直接操作真實dom,避免了頁面多次重繪回流的問題。在更改時,構建新的virtual DOM,與舊的相比較,得到變化的集合進行更改。不過vue和react在此也有一個不同點:vue針對每個組件都有對應的依賴,某個組件更改,只需重新渲染該組件;而react中,默認會引起所有子組件重新渲染,耗時耗性能。但可以通過componentShouldUpdate來進行處理。

【組件化】

vue和react都實現了組件化,將一個模塊抽離出來,可以提供重用性。比如對於一個聊天功能,好友列表可以抽離為一個組件,消息列表可以抽離為一個組件,回復輸入框可以抽離為一個組件。

【props】

props是兩者實現父子組件的屬性

【構建工具】

vue的構建工具是vue-cli,react的構建工具是create-react-app

【chrome開發工具】

都有自己的調試工具,方便用來排查bug。可以查看到各組件的狀態和全局狀態管理的數據等。

【template和jsx】

vue使用靜態模板實現dom和state的關系,react通過jsx,在js中插入html代碼。二者的比較在另一篇文章https://www.cnblogs.com/ashen1999/p/13700723.html中說過,不再贅述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM