Angular 7支持虚拟滚动、拖放、CLI Prompts等特性

栏目: 编程语言 · AngularJS · 发布时间: 5年前

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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

构建高性能Web站点

构建高性能Web站点

郭欣 / 电子工业出版社 / 2009-8 / 59.00元

本书围绕如何构建高性能Web站点,从多个方面、多个角度进行了全面的阐述,涵盖了Web站点性能优化的几乎所有内容,包括数据的网络传输、服务器并发处理能力、动态网页缓存、动态网页静态化、应用层数据缓存、分布式缓存、Web服务器缓存、反向代理缓存、脚本解释速度、页面组件分离、浏览器本地缓存、浏览器并发请求、文件的分发、数据库I/O优化、数据库访问、数据库分布式设计、负载均衡、分布式文件系统、性能监控等。......一起来看看 《构建高性能Web站点》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具