這里只是把我的學習過程寫出來，如果有寫的不對的地方希望各位指出來，或者給我留言來糾正錯誤，相互學習，相互提高。QQ:260951742
一、AngualrJs的優(yōu)點
- 模板功能強大
- 比較完善的前端MVC框架
- 引入了Java的一些概念
二、AngularJs的問題
- 性能（AngularJs為雙向數(shù)據(jù)綁定，在Angular中默認為單向數(shù)據(jù)綁定）
- 路由（AngularJs中路由有很多問題，Angular中路由模塊為主要核心模塊之一）
- 作用域（$scope在Angular中移除，任何原生事件可以直接綁定和處理）
- 表單驗證（Angular中提供全新模板API，例如相應式表單）
- JavaScript語言（Angular中使用TypeScript語言開發(fā)，帶有完善的類型系統(tǒng)等）
- 學習成本（Angular的核心模塊清晰，學習成本更低，可以更快地上手寫項目）
三、Angular新特性
-
全新的命令行工具AngularCli
生成新項目骨架
生成組件的基礎代碼
作為開發(fā)服務器供調試、編譯、構建和部署代碼，運行自動化的單元測試等等
-
服務器端渲染
可以使原本需要10秒左右加載的單頁應用在1秒內呈現(xiàn)給用戶（性能）
可以使一個單頁應用針對每一個視圖做SEO搜索引擎優(yōu)化
-
移動和桌面兼容
對移動端的支持提升到一個新的高度
借住一些第三方UI框架可以很容易使用Angular創(chuàng)建出跨平臺的手機應用
提供了Angular的官方庫 material2 提供很多google material風格的在移動和桌面通用的組件
四、架構對比
-
AngularJs是典型的MVC架構
AngularJs架構.png
-
Angular是由一系列的組件組成，形成一個組件樹
Angular的結構.png
（上方圖片和這段文字摘自網(wǎng)絡）
與用戶交互的是組件中的模板，模板展示信息給用戶，用戶對模板中進行操作；
模板通過事件與組件交付，組件通過數(shù)據(jù)綁定把數(shù)據(jù)展現(xiàn)在模板中；
指令是擴展了一部分模板的語法；
路由負責組件的創(chuàng)建與銷毀，在客戶端進行切換；
服務可以簡單的理解為一部分公共的方法或者所謂的大牛寫的插件注入到組件樹中，那么在該節(jié)點的組件樹
下面都可以調用。
Angular架構.png
