1. 程式人生 > >Angular 7支援虛擬滾動、拖放、CLI Prompts等特性

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的參考資料發行說明中提供了完整的變更列表。

檢視英文原文Angular 7 Comes with Virtual Scroll, Drag and Drop, CLI Prompts and More