資訊專欄INFORMATION COLUMN
摘要：的特性和性能是的超集，用于幫助的開發。注解提供了連接元數據和功能的工具。通過在庫中提供基本信息可以調用函數或創建類的實例來檢查相關元數據，從而簡化了對象實例的構建。停用它會響應跳出舊控制器的成功事件。
在Web應用開發領域，Angular被認為是最好的開源JavaScript框架之一。
Google的Angular團隊已于3月23日發布了Angular4，而期待已久的Angular2版本則是之前版本的完全重構。
對于成熟的開發人員來說，有以上兩種選擇是一件很棒的事情；但是，對于處于學習階段的新晉開發人員來說，可能有點不知如何選擇。
那么，本文將會對Angular2和Angular4進行深度對比，以便幫助大家更好的了解這兩個版本。
Angular2Angular2是在2015年底發布的。接下來一起了解Angular2這個版本發布的原因以及如何將其添加到Web開發中。
這個Angular版本更加注重于開發移動應用程序，開發人員可以使用它創建跨平臺的應用程序，在解決了移動應用程序（功能，加載時間等）的挑戰后，Angular2可以更容易的處理桌面組件。
許多模塊被淘汰出了Angular核心，這也促使Angular2具備更好的性能。Angular走向了不斷增長的模塊生態系統，這意味著開發者可以自由的選擇所需的組件。
Angular 2.0基于ES6標準和“evergreen”現代瀏覽器（可自動更新到最新版本的瀏覽器）。在這些瀏覽器上構建應用，意味著可以更容易的使用Angular進行開發和優化，從而允許開發人員更專注于公司業務實現的代碼。
Angular2 的特性和性能
AtScript是ES6的超集，用于幫助Angular2的開發。它由Traceur編譯器（結合ES6）進行處理，然后生成ES5代碼，并使用TypeScript語法創建運行時類型斷言。但是，AtScript不是強制性的，開發人員仍然可以選擇只使用純JavaScript / ES5代碼來構建Angular應用程序。
提升依賴注入（DI）：
依賴注入（一種程序設計模式，可以通過依賴關系實現調用，而不需要生成）是一種Angular顯著區別于其競爭對手的特性。依賴注入在模塊化開發和元素隔離方面非常有幫助，但它的實現一直受到Angular 1.x的困擾。Angular2解決了這個問題，另外還添加了一些缺少的功能，如子注入以及生命周期/范圍控制。
注解：
AtScript提供了連接元數據和功能的工具。通過在DI庫中提供基本信息（可以調用函數或創建類的實例來檢查相關元數據），從而簡化了對象實例的構建。通過提供注入注釋，使得參數信息重寫也變得簡單。
子注入：
子注入繼承了其父級注入所有的專業服務，以及在子層次重寫的能力。根據需要，在一定范圍內，一些類型的對象可以被調用和機械的重寫。
實例范圍：
增強的DI庫是由實例范圍控制器組成的，當與子注入器連同范圍標識符一起使用時，會更加強大。
動態載入：
這是之前的Angular版本均不具備的功能，Angular2包含了這個功能，即使在開發人員忙碌時，也能夠添加新的指令或控件。
模板：
在加粗文字Angular2中，模板編譯過程是異步的。由于代碼依賴于ES6模塊，因此模塊加載程序將通過在部分組件上引用它們，來加載依賴關系。
指令：
Angular2提供了三種指令：
組件指令：通過將邏輯封裝在HTML，CSS和JavaScript中，從而使得組件可復用。
裝飾器指令：可用于裝飾元素（例如，通過隱藏/顯示元素ng-hide/ng-show或添加工具提示）。
模板指令：可以將HTML轉換為可復用的模板。該模板的實例化以及插入到DOM過程可以完全由指令創建者控制。例如ng-repeat和ng-if。
子路由
子路由將通過提供自身的路由功能，將程序的每個部分轉換為更緊密的應用程序，這有助于整個程序功能集合的封裝。
Screen Activator：
通過Angular 2，開發人員可以通過一系列can *回調對導航生命周期進行更好的控制。
canActivate：它允許或阻止導航到新的控件。
激活：它會響應導航到新控件的成功事件。
canDeactivate：它將防止或允許跳出舊控制器的導航。
停用：它會響應跳出舊控制器的成功事件。
設計：
所有這些邏輯都是使用管道架構創建的，這使得將自己的操作添加到管道中或刪除默認操作變得非常簡單。此外，它的異步字符允許開發人員在管道中，實現對用戶進行身份驗證或加載控件信息的服務器請求。
記錄：
Angular 2.0包括一個名為diary.js的日志記錄服務，這是一個非常有用的屬性，用于測量開發人員的編碼投入時間（從而允許開發人員識別代碼中的瓶頸）。
scope：
$scope 從Angular2中刪除了。
Angular4Angular4 的特性和性能
相比于Angular 2，Angular4的功能列表中添加了許多新功能，同時還有一些舊功能的改進。
更小更快：
使用Angular4，程序將會消耗更少的空間，并比以前的版本運行地更快。工作主要用于不斷進行改進。
視圖引擎：
Angular4的開發人員修改了視圖引擎的代碼，例如AOT創建的代碼。這些修改促使視圖部分生成的代碼大小減少了大約60％。模板越是復雜，節省的就越多。
動畫包：
Angular4的開發人員將動畫從Angular的核心部分提取出來，并將它們放在獨立的包中。這意味著如果開發人員不需要使用動畫，就可以不創建這些額外的代碼。
這個功能還能夠幫助更方便的查找docs文件和使用自動完成功能。開發人員可以通過為@angular/platform-b??rowser/animations引入瀏覽器動畫模塊，從而實現為主要的NgModule添加動畫功能。
改進 ngIf 和 ngFor：
模板綁定語法目前支持一些少量有幫助的更改。現在，開發人員已經可以使用if/else設計??語法，并分配局部變量了。
Angular Universal：
此版本是Universal團隊幾個月的工作成果。這個Universal版本的代碼的絕大多數目前位于@angular/platform-server。
TypeScript 2.1和2.2兼容性：
Angular4開發組將Angular升級為更新版本的TypeScript。這將提高ngc的速度，方便開發人員將在編碼過程中更好的進行類型檢查。
模板的源映射：
每當模板中的某些內容出現錯誤時，都將創建源映射，為原始模板提供有意義的說明內容。
結論：
對于仍處于學習階段的人來說，Angular會有點混亂。但對于具有Angular2知識的有經驗的開發人員來說，會覺得Angular很容易使用，并且使用Angular對項目非常有幫助。
原文鏈接：https://dzone.com/articles/an...
轉載請注明出自：葡萄城控件
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84785.html
摘要：描述在剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用，于是我在余業時間做了這么一個后臺管理系統頁面，希望對大家有幫助從我個人的感覺來說，語法很舒服，上手起來也比較快可能是因為我有方面的經驗吧，但同這些的思想有所不同，初學者 描述 在angular2剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用， 于是我在余業時間做了這么一個后臺管理系統頁面，希望對大...
摘要：描述在剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用，于是我在余業時間做了這么一個后臺管理系統頁面，希望對大家有幫助從我個人的感覺來說，語法很舒服，上手起來也比較快可能是因為我有方面的經驗吧，但同這些的思想有所不同，初學者 描述 在angular2剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用， 于是我在余業時間做了這么一個后臺管理系統頁面，希望對大...
摘要：描述在剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用，于是我在余業時間做了這么一個后臺管理系統頁面，希望對大家有幫助從我個人的感覺來說，語法很舒服，上手起來也比較快可能是因為我有方面的經驗吧，但同這些的思想有所不同，初學者 描述 在angular2剛才發布的不久，很多人不懂得怎么應用，直到現在也很多人不懂怎么用， 于是我在余業時間做了這么一個后臺管理系統頁面，希望對大...
摘要：今年月份，官方發布了新版，新版本的特性已經有很多文章了，在此不一一贅述。組件是系統中最重要的基本構造塊之一。但是由于目前不支持裝飾器語法，因此通過方法完成這一工作。本文主要是提供一個基于的，如有問題，歡迎留言探討。 原文發表于本人的個人博客，地址：Angular4的QuickStart——With ES6 Not TypeScript，歡迎反饋探討。 今年3月份，Angular官方發布...
閱讀 1998·2021-11-22 19:20
閱讀 2643·2021-11-22 13:54
閱讀 1976·2021-09-04 16:40
閱讀 1830·2021-08-13 11:54
閱讀 2676·2019-08-30 15:55
閱讀 3470·2019-08-29 13:51
閱讀 532·2019-08-29 11:09
閱讀 3013·2019-08-26 14:06
