vue、react、angular三大框架對比與jQuery的對比[網頁前端框架選擇]

資料來源:

https://www.cnblogs.com/zhuzhenwei918/p/7447434.html
https://kim85326.github.io/2018/05/07/%E7%B6%B2%E9%A0%81%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6%E9%81%B8%E6%93%87/

vue與react
    1.都在使用Virtual DOM

    2、都提供了響應式（Reactive）和組件化（Composable）的視圖元件。

    3、都將注意力集中保持在核心庫，而將其他功能如路由和全域狀態管理交給相關的庫。

    4、vue比react更容易上手。

    5、性能都很好。

    6、vue的優化做的要比react好。

    7、vue和react同樣都支援本地渲染。

    8、react更為繁榮。

    9、vue寫起來更流暢、方便， react語法更簡單、擴充更強大。 

    10、vue的文檔更加好。

    11、無論是vue還是react我們都不需要觸碰DOM。 

    12、vue對於事件的清除優於react。 

vue與angular

    1、angular和vue都使用了指令。

    2、vue比angular的設計更簡單。

    3、vue更容易上手。

    4、angular的雙向資料綁定不容易控制。

    5、性能上來說vue更好。 

react與angular

    1、兩者的社區基礎都很好。 

    2、angular是一個真正的框架，react是一個函式庫。

    3、就性能而言，react更好。

三大框架與jQuery的對比

    1、如果你要做單一頁面應用，那麼你就選擇三大框架； 如果你要做多頁應用，你就選擇jQuery。 

    2、如果你的數據都是在伺服器端進行修改的，那麼毫無疑問，使用三大框架你也沒法管理數據，所以使用jQuery； 但是，如果你的數據都是在客戶端的，即前端需要處理大量的數據，那麼這時就需要選用三大框架了，像是vue的store倉庫、像是react的store，他們對於數據的儲存都有很好的管理能力。單項資料流更使得應用程式便於管理，如react的store -> view -> action -> store -> view -> action。。。如此循環往復的單項資料流。

    3、如果你要頻繁的手動操作DOM，那麼選擇jQuery，畢竟jQuery封裝了大量的兼容性的DOM操作api； 而如果你的專案是數據驅動的，那麼選擇vue、react，因為你只要給定數據，就可以使得頁面得到渲染了， 而不需要操作dom，或者說，有了react，dom操作就不存在了。 

jQuery V.S 前端框架

    1、用 jQuery 去操作 DOM 的目的是什麼？
    ANS:是為了局部更新視圖，換句話說是為了局部重新渲染

    2、jQuery 和 現代主流框架差別

    ANS:jQuery 是命令式的操作 DOM，命令式的局部更新視圖；而現代主流框架 Vue、React、Angular 等都是聲明式的，聲明式的局部更新視圖

上手難度？

    Vue < React < Angular

使用場景？

    Vue React 較適合中小型，大型項目
    Angular 一般用於大型（因為比較厚重）

我應該選什麼？

    如果你在 Google 工作：Angular
    如果你喜歡 TypeScript：Angular（或 React）
    如果你喜歡面向對象編程（OOP）: Angular
    如果你需要指導手冊，架構和幫助：Angular
    如果你在 Facebook 工作：React
    如果你喜歡靈活性：React
    如果你喜歡大型的技術生態系統：React
    如果你喜歡在幾十個軟件包中進行選擇：React
    如果你喜歡 JS 和“一切都是 Javascript 的方法”：React
    如果你喜歡真正乾淨的代碼：Vue
    如果你想要最平緩的學習曲線：Vue
    如果你想要最輕量級的框架：Vue
    如果你想在一個文件中分離關注點：Vue
    如果你一個人工作，或者有一個小團隊：Vue（或 React）
    如果你的應用程序往往變得非常大：Angular（或 React）
    如果你想用 react-native 構建一個應用程序：React
    如果你想在圈子中有很多的開發者：Angular 或 React
    如果你與設計師合作，並需要乾淨的 HTML 文件：Angular or Vue
    如果你喜歡 Vue 但是害怕有限的技術生態系統：React
    如果你不能決定，先學習 React，然後 Vue，然後 Angular