Angular與其他前端框架的對比

前言

      小編最近接觸到了Angular4前端框架，進行知識的寬度比較，會對這個框架有更加全面立體的認識。

一、與Angular JS的比較

      Angular4雖然和angular JS的名字相似但是他們是不一樣的東西，Angular4是一種全新的理念而創建出來的框架。
      1.架構對比
      首先我們來看一下AngularJS和Angular4的架構圖對比，從圖中我們不難看出AngularJS其實更像是我們用到的MVC框架，但是Angular4是實現了模塊化，組件化，我們的頁面是由不同的組件動態組成的，通過調用服務來時先與後臺的交互。


      2.優缺點
       1）AngularJS的優點：
        a. 模板功能強大豐富，實現了雙向數據綁定，不需要用藥用JavaScript去操作 dom，縮減了前端開發的代碼
        b. 有比較完善的前端MVC框架
        c. 引入了java的一些概念（如依賴注入）
       2）AngularJS存在的問題：
        a. 性能：雙向數據綁定，在項目越大的時候，性能影響很大。AngularJs採用髒數據檢查的方式，跟蹤數據的改變，動態改變用戶頁面的數據。隨着綁定數量的增加，性能就會越來越低
        b. 表單驗證必須寫指令來提示錯誤信息
        c. 路由：子路由不可嵌套）
        d. 必須依賴於JavaScript語言
       3）Angular的新特性：
        a. 全新的命令行工具AngularCLI
        b. 服務器渲染
        c. 移動和桌面兼容

二、和其他前端框架的對比

      1.與React對比：
    a. 虛擬DOM，速度響應很快
    b. flux架構，實現服務器端渲染
    c.本身只是MVC中的V層，常需要和其他庫結合使用。重點在UI上
  1.與Vue對比：
    a. 簡單
    b. 靈活
    c.只關注web
    d.個人主導的（angular類似生態圈，vue類似社區。vue由國內大牛開發angular谷歌團隊開發）
    e.服務器端渲染，vue只能藉助其他服務器渲染庫

總結

      知道每種框架的優缺點之後我們才能在真正使用的時候選擇最適合我們的框架，所以這些知識是我們必須要瞭解的。