|
用于桌面和移動應用的流行JavaScript框架可生成更好的代碼,并更好地支持Google的Material Design
1.jpg (19.83 KB, 下載次數: 565)
下載附件
遠程控制軟件
2018-3-22 09:30 上傳
在2017年,谷歌用于構建移動和桌面應用程序的流行JavaScript框架Angular有一個旋風的一年,在14個月內進行了兩次重大升級。隨著Angular 5.0在2017年11月1日到來,它達到了下一個里程碑。Angular 5.0升級本身的重點是使框架更快,更小,更易于使用。
現在Angular 6即將推出,第一個發布候選版本可用。
下一個版本:Angular 6 beta的新功能
第6版繼續強調更小,更快,更易于使用。計劃功能包括:
用于JavaScript的Webpack模塊捆綁器的第4版,通過稱為作用域托管的技術生成更小的模塊。
一種連接模塊和服務的新方法,其中服務可以是“樹狀搖擺的”,這意味著如果不使用應用程序,它們可以被排除在應用程序之外。
支持JavaScript的RxJS 6庫,減少常見用例的包大小。
Angular命令行界面提供諸如ng update之類的命令來更新依賴關系和代碼。 CLI中的另一個命令ng add幫助開發人員更快地添加應用程序功能,例如從Material Design應用程序開始,而不是使用空白應用程序。 Material Design是Google用于設計應用程序的語言。 ng add命令還支持將應用程序轉換為支持離線網頁的漸進式Web應用程序。
CLI支持庫,開發人員可以選擇ng-packgr將庫轉換為Angular格式,或使用Bazel工具構建庫。以前,如果開發人員想與其他團隊共享組件和服務,開發人員必須親手構建和打包庫。
Angular Elements項目包含功能,該項目將組件打包為Angular應用程序中的可重用自定義元素。未來的Angular版本將可以將自定義元素打包以用于第三方應用程序,包括那些不使用Angular的應用程序。
Angular Material中的Tree組件和Component Dev Kit幫助可視化樹結構(如文件列表)。
一種可選的,向后兼容的泛型類型,用于支持類型化的nativeElement。
但由于實施困難,計劃中的常春藤渲染已從Angular 6中撤出。不知道它是否會在2018年秋季的Angular 7中抵達。
預計將于2018年3月發布多款Angular 6發布候選產品,現在產品發布時間從原來的3月28日推遲到4月4日。
在哪里下載Angular 6候選版本
您可以從GitHub下載Angular 6候選版本,或通過終端命令npm install -g @ angular / cli @ next下載,然后使用ng new創建項目,或使用命令ng update -next更新項目。
當前版本:Angular 5有什么新功能
盡管命名為“5”,但AngularJS升級只是該框架的第四個版本,最初名為AngularJS,并于2012年推出.Atular 5的發布花費的時間比預期長,缺少了2017年9月18日和10月23日的發布目標。
Angular 5功能
Key Angular 5的功能包括:
強調更容易構建漸進式網絡應用程序,因此應用程序可以緩存在瀏覽器中。漸進式網絡應用程序概念是Google和Mozilla聯合開發的產品,旨在支持基于瀏覽器的應用程序的開發,從而提供卓越的本地體驗。 Google仍然在命令行界面(CLI)中構建對功能的支持。
構建優化器,通過消除不必要的代碼來縮小應用程序。 (構建優化器是一個命令行工具。)
使材質設計組件與服務器端渲染兼容。 Google在發布此功能之前需要修復一些錯誤。
Angular Universal State Transfer API和DOM支持,用于在應用程序的服務器端和客戶端版本之間共享代碼。
編譯器已經改進以支持增量編譯。編譯器作為TypeScript轉換運行,以加快重建速度。
國際化號碼,日期和貨幣的管道。這增加了瀏覽器的標準化并消除了對i18n polyfills的需求。
為了去除更多的填充物,ReflectiveInjector已被StaticInjector取代。結果是,大多數開發人員的應用程序大小減少了。
組件和指令支持多個名稱,這有助于用戶在不中斷更改的情況下進行遷移。
Angular 5有一個更新的Httpclient。
CLI 1.5,默認生成Angular 5項目。
對于Angular表單,開發人員可以在模糊和提交而不是每個輸入事件上運行驗證和值更新。
RxJS反應式編程庫已更新至5.5.2或更高版本,其特點是運算符可消除代碼分割和樹形抖動問題的副作用。此外,RxJS現在分發使用ECMAScript模塊的版本,默認情況下由Angular CLI引入。
|
|