写点什么

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

  • 2018-10-29
  • 本文字数:1714 字

    阅读完需:约 6 分钟

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

2018-10-29 08:051692
用户头像

发布了 731 篇内容, 共 458.9 次阅读, 收获喜欢 2004 次。

关注

评论 1 条评论

发布
暂无评论
发现更多内容

编程实战:如何管理代码里的常量

华为云开发者联盟

常量 代码 web开发 final常量类 复用常量

游戏测试-战斗内核的自动化测试

行者AI

人工智能

面对大规模 K8s 集群,如何先于用户发现问题?

阿里巴巴云原生

容器 云原生 k8s 监控 调度

合约交易所跟单,合约跟单社区开发

马斯克的狗狗币实验

猫Buboo

用C++ 和OpenCV 实现视频目标检测(YOLOv4模型)

博文视点Broadview

浅谈BSS3.0产品“守成”之策下 • 运维提升篇

鲸品堂

软件 运维 提升

What's new in dubbo-go v1.5.6

阿里巴巴云原生

开发者 云原生 dubbo 中间件 Go 语言

2021最全网页视频下载攻略 【建议收藏】

科技猫

软件 工具 网站 分享 视频处理

区块链电子签章应用平台--助推企业数字化转型升级

13530558032

B站HR炫耀资产、贬低面试者?无独有偶,校招污点事件记录帮你避雷

北游学Java

Java 面试

身边的最优化问题

PeterOne

人工智能 算法

Leveldb解读之四:Compaction

Jowin

leveldb

量化策略系统搭建,马丁策略交易

手把手教你写一个经典躲避游戏

HZFEStudio

大前端 游戏 canvas

亲爱的开发者,您收到一个启动智能世界的魔方

白洞计划

源中瑞智慧党建系统,打造党建管理系模式

13530558032

使用 rocketmq-spring-boot-starter 来配置、发送和消费 RocketMQ 消息

阿里巴巴云原生

容器 开发者 云原生 中间件 API

ISO/IEC 5055:软件代码质量的标尺

华为云开发者联盟

软件 代码质量 源代码 ISO/IEC 软件质量模型

Python基础语法和数据类型最全总结

华为云开发者联盟

Python

架构实战营 - 架构设计文档模板

华仔

架构设计 文档模板

区块链食品溯源--为食品溯源认证

13530558032

几个快速提升工作效率的小工具(Listary等)分享一下(强烈建议收藏)

码农飞哥

Coinbase上市意味着什么?

猫Buboo

Pytorch数据加载

Sakura

4月日更

40个问题让你快速掌握Java多线程的精髓

华为云开发者联盟

Java 多线程 synchronized Thread Semaphore

RocketMQ NameServer工作原理与源码解析

HByte

RocketMQ

LeetCode题解:73. 矩阵置零,栈,JavaScript,详细注释

Lee Chen

算法 大前端 LeetCode

闲来无事,写脚本,install_wordpress

ilinux

扩展 GRTN:云原生趋势下的 RTC 架构演进

阿里云CloudImagine

阿里云 云原生 RTC SRS流媒体服务器

如何推进一个“以行动为导向的”事件驱动架构?

VoltDB

数据库 数据分析 实时数据分析 事件驱动架构

Angular 7支持虚拟滚动、拖放、CLI Prompts等特性_JavaScript_Diogo Carleto_InfoQ精选文章