Angular 7支持虛擬滾動、拖放、CLI Prompts等特性

Google已經正式發佈了Angular 7。Angular 7是Google推出的Web框架的一個新的主要版本。新版本帶來了虛擬滾動、拖放、CLI Prompts等。

Angular CLI開發人員用來初始化、開發、搭建和維護Angular應用程序的命令行工具,現在在開發人員運行諸如ng new或ng add @angular/material之類的常用命令時會給出提示,旨在幫助開發人員發現內置的特性,如路由或SCSS支持。此外,任何發佈Schematics的軟件包都可以通過在Schematics集合中添加x-prompt來使用它們。

"routing": {

  "type": "boolean",

  "description": "Generates a routing module.",

  "default": false,

  "x-prompt": "Would you like to add Angular routing?"

},

Angular Budgets是一項允許開發人員在angular.json配置文件中設置預算閾值的功能,以確保應用程序的某些部分保持在界定的大小範圍內。Budgets在Angular 7中的性能得到了改進,當應用程序的初始捆綁包大小超過2MB時會向開發人員發出警告,並在包大小達到5MB時拋出一個錯誤。定製這些預算很容易:

"budgets": [{

  "type": "initial",

  "maximumWarning": "2mb",

  "maximumError": "5mb"

}]

與性能相關的另一個改進是Angular 7將從生產環境的polyfill.ts文件中移除reflect-metadata,這個polyfill只在開發階段有需要,但很多開發人員都將其包含在生產環境中。

虛擬滾動已被添加到CDK中,可以基於列表的可見部分從DOM加載和卸載元素,並且可以爲具有非常大的可滾動列表的用戶構建非常快速的體驗。

<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">

<div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>

</cdk-virtual-scroll-viewport>

CDK中添加的另一個特性是拖放支持。它使開發人員能夠通過聲明方式輕鬆地創建拖放界面,支持自由拖動、列表排序、在列表間傳輸項、動畫、觸摸設備等。

對於大多數開發人員,只需要執行一個命令就可以更新到Angular 7:

ng update @angular/cli @angular/core

有關將應用程序更新到Angular 7的詳細信息和指導,請訪問update.angular.io。根據Google的說法,早期採用者報告稱這個版本的更新速度比以往都要快,很多應用程序的更新時間不到10分鐘。

文檔也得到更新,現在包含了Angular CLI的參考資料發行說明中提供了完整的變更列表。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章