前端開發從Angularjs到Angular須要瞭解的改變

1、從AngularJS到Angular看前端web開發

1.1995年完成"HTML 2.0"

• 這是第一個旨在成爲對其後續實現標準的依據的HTML規範純HTML,簡單的頁面數據展現。
• 表明技術：HMTL。
• 特徵：數據一次返回，浪費帶寬，體驗很差。

2. 2005年，Google Maps、Google Suggest、Gmail 等應用被大衆所接受

• 出現AJAX,異步加載數據。
• 表明技術：JSP,JQUERY等技術。
• 特徵：開發者決定代碼調用順序。這樣就出現了依賴管理、代碼重複等問題。

3.2010年，Backbone.js，MVC開發模式

• 表明技術：BackBone.js、nodejs ( 2009年，Ryan正式推出了基於JavaScript語言和V8引擎的開源Web服務器項目，命名爲Node.js)、npm依賴包管理。npm script、grunt、gulp、webpack蓬勃發展， 前端構建工具發展及其比較
• 特徵：Model 管理數據，View展現，Controller涉及較少，

4. 2009建立，15年大紅，AngularJS,MVVM開發模式

• 1.特徵：

  • 雙向數據綁定{{}}自動從擁有JavaScript對 象（模型）的UI（視圖）中同步數據.
  • 使用DOM控制結構來進行迭代或隱藏DOM片斷。
  • 支持表單和表單驗證。
  • 將邏輯代碼關聯到DOM元素上。
  • 將一組HTML作成可重用的組件。
  • 構建一個CRUD應用時可能用到的全部技術：數據綁定、基本模板指令、表單驗證、路由、深度連接、組件重用、依賴注入.
  • 可測試性：單元測試、端到端測試、模擬對象（mocks）、測試工具
  • 會進行頻繁且複雜的DOM操做, Jquery 比Angularjs 更能勝任。
  • 絕大多數Angular的應用開發中，開發者都不須要本身去寫低級的操做DOM的代碼.

• 2.不適合場景：

• 太過於簡單的頁面

• 交互頻繁的，如遊戲之類交互體驗網站

5. 2016年，Angular

• 重構AngularJS，更好的MVVM開發體驗。
• 當前版本：8.0.0 。
• 更新發布規則：
  • 6個月的積極支持，在此期間按期發佈更新和補丁。
  • 12個月的長期支持（LTS），在此期間僅發佈關鍵修復程序和安全補丁。
  • 從Angular版本7開始，主要版本的Angular core和CLI已對齊。這意味着，在開發Angular應用程序時要使用CLI，CLI的版本@angular/core和CLI必須相同。
  • 每6個月發佈一次主要版本。
  • 每一個主要版本1-3個次要版本。
  • 幾乎每週都會發布補丁

2、AngularJS與Angular比較

Desc	AngularJS	Angular
出發點	AngularJS基於JavaScript	Angular基於TypeScript。TypeScript是ES6的超集，而且與ES5向後兼容
控制器等	rootScope、scope	組件概念，經過組件接口實現
數據綁定-具體詳情	ng-model雙向綁定	[],() 實現雙向綁定
模塊化	涉及較少	輕量化 ，同時提供angular-cli
生命週期變經過組件接口，變成可選的	onInit()、onChanges(changesObj)、doCheck()、onDestroy()、postLink()	ngOnChanges、ngOnInit ngDoCheck、ngAfterContentInit、ngAfterContentChecked、ngAfterViewInit、ngAfterViewChecked、 ngOnDestroy。具體參見lifecycle-hooks
國際化（i18n）	調動方法獲取對應已翻譯文本便可	標籤添加，i18n屬性，Angular CLI 提取i18n相關屬性，到源文件，而後copy副本，翻譯對於語言，在編譯合併到項目中。

參考文獻：

• AngluarJS中文網
• AngularJS WIKI百科
• Angular