BootStrap, React, Vue的比較


BootStrap:

 

    特點是柵格系統, 使用簡單, 上手容易.  專為響應式頁面而生. 一套代碼就可以自適應平板電腦和PC.

 

    缺點在於, 缺少一套有力的成體系的組件(當時調查的時候還沒有, 現在據說有了),

    我在實際使用時, 發生了作用域沖突的問題,  如果沒有整理好一整套組件, 開發很累.

 

React:
    特點主要有2個:

 

       1. 數據的單向響應.當數據發生變化的時候, React將會自動的管理UI界面更新

 

        2.  VisualDom(虛擬Dom). 由React來管理Dom樹的變化,

             開發者只需使用React的虛擬Dom進行開發, 頁面的呈現會更快.

 

             這個引申出了一個更大的優點:  虛擬Dom到真實Dom的映射, 是由React來控制的.

             那么如果虛擬Dom映射為IOS或者Android呢? 於是React Native誕生了,

             約80%的Reactive Native代碼是可以同時支持IOS和Android的.

 

       缺點在於, 最近React的GPL協議有變動, 容易引起商業問題...

 

Vue:

    特點在於, 站在了React的肩膀上, 許多方面更出色了:

        1. 數據的雙向綁定. 數據改, 頁面改. 頁面改, 數據也改.

        2. 頁面的呈現據說比React還快.

        3. 組件化(實際上React也有組件化). 這和BootStrap這種組件化的概念還有點不同,

            Vue的組件化, 已經把作用域沖突的問題給搞定了.另外, js測試也變得更專業化了(有點類似junit).

        4. 單html開發. 它的開發模式, 是一個html, 然后不停替換組件對應的js來切換顯示效果.

            html中的共通js和css只需要download一次, 理論上比Iframe頁面的呈現更快. 

        5. 結合node.js提供的webpack等, 可以進行成體系的打包發布.

 

   缺點在於, 上手難度比較高, 並且大規模開發的化, 需要有體系化開發的積累.

   Vue的組件化開發推薦使用Element: http://element.eleme.io/#/zh-CN/component/popover

 

結論:長遠考慮的話, 建議使用Vue+node.js. 短期內使用的話, BootStrap是個不錯的選擇

 

Vue官方API文檔:https://cn.vuejs.org/v2/api/

友情鏈接:https://www.jikedaquan.com/



學習來源:https://www.jianshu.com/p/c05b48778231


免責聲明!

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



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