AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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:051888
用户头像

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

关注

评论 1 条评论

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

推荐系统大规模特征工程与FEDB的Spark基于LLVM优化

范式AI云

spark Sparksql 推荐系统 LLVM FEDB

为什么单元测试不是持续交付的唯一答案

禅道项目管理

持续集成 单元测试

看动画学算法之:排序-插入排序

程序那些事

Java 数据结构 算法 插入排序

《重学 Java 设计模式》PDF 出炉了 - 小傅哥,肝了50天写出18万字271页的实战编程资料

小傅哥

Java 设计模式 小傅哥 重构 代码质量

计算机网络基础(一)---计算机网络概览篇

书旅

php laravel 计算机网络

MobTech袤博与百度战略签约 携手布局数据智能产业新蓝图

Geek_116789

为什么我们需要制品管理?

Man

DevOps nexus 制品库管理 Artifactory

讲烂了的mysql,今天再给大家重温一下

爱嘤嘤嘤斯坦

Java MySQL 数据库 编程 mysql事务

时间去哪了?

escray

自动化测试首先是一种工作文化

wangwei1237

自动化测试 测试文化

人人都需要一份自己的「使用说明书」

非著名程序员

程序员 程序人生 提升认知 独立思考 自我思考

设计模式六大原则

刘志刚

设计原则

在前端如何玩转 Word 文档

阿宝哥

html markdown word

话题讨论|在编程中,有哪些好习惯是应该一直坚持下去的?

InfoQ写作社区官方

写作平台 话题讨论 话题

Spring5-Reactor函数式编程

小技术君

spring reactor Spring5 springboot

第6周-作业1

seng man

laravel redis队列不执行

kaer

laravel redis Queue

三大 OSS 缓存加速系统巅峰对决

苏锐

hadoop cache JuiceFS JindoFS Performance

2020,是中国SaaS行业的机遇之年?

ToB行业头条

第6周-作业2-总结

seng man

女员工被阿里录取工资二万六,辞职时被领导挽留:给你4万留下

程序员生活志

程序员 阿里

吴恩达推荐笔记:22张图总结深度学习全部知识

程序员生活志

学习 吴恩达

腾讯的ToB梦想

ToB行业头条

微信小程序使用GoEasy实现websocket实时通讯

GoEasy消息推送

小程序 websocket 即时通讯

IDC2020 Q1通用服务器数据发布,浪潮信息成绩喜人

Geek_116789

抢滩新基建,百度还会输给阿里和腾讯吗?

ToB行业头条

阿里拍卖,能不能拍到点儿上?

ToB行业头条

Worktile完成新一轮融资,将发力研发管理赛道

易成研发中心

融资

CAP原理简述

刘志刚

我在项目中是这样配置Vue的

前端有的玩

Java Vue 大前端 框架设计

​中国SaaS处在什么阶段?

ToB行业头条

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