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

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

关注

评论 1 条评论

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

HDC2024直播盛宴,HarmonyOS最新进展不容错过!

极客天地

ShineScrum捷行近期课程安排

ShineScrum

敏捷开发时代,彻底结束了

禅道项目管理

团队管理 项目管理 DevOps 敏捷开发

一文看懂人工智能、机器学习、深度学习是什么、有什么区别!

不在线第一只蜗牛

人工智能 机器学习 深度学习

香港Web3时代:比特币可以成为「收益性资产」吗?

TechubNews

AutoMQ 生态集成 CubeFS

AutoMQ

云原生 AutoMQ

AutoMQ 社区双周精选第十一期(2024.05.27~2024.06.12)

AutoMQ

人工智能大模型——零样本提示

霍格沃兹测试开发学社

重磅!草料模板库更新,新增签到报名和旅游模板

草料二维码

低代码 二维码 低代码平台 草料二维码

结硬寨:联想服务器的向前之路

脑极体

AI

pr 2021下载:Premiere Pro 2021 for Mac/win版

你的猪会飞吗

pr2020破解 视频剪辑软件

Web3 游戏周报(6.09 - 6.15)

Footprint Analytics

链游

咖啡价格卷至6块6,这次轮到库迪慌了?

Alter

一文读懂Partisia Blockchain 全新开发者计划,最高25k $MPC 资助

加密眼界

一文详解选择低代码开发平台的六大理由

不在线第一只蜗牛

低代码

英伟达开源 3400 亿参数模型;苹果 iOS 18 紧急 SOS 新增实时视频功能丨 RTE 开发者日报 Vol.225

声网

解读自然语言处理:技术、应用与未来展望

天津汇柏科技有限公司

人工智能 自然语言处理

高效开发系列:鸿蒙原生app套用混合app开发思路

FinFish

HarmonyOS 鸿蒙应用开发 小程序容器 混合app开发 鸿蒙原生app

TikTok运营为什么需要独立IP?怎样获得独立IP?

Ogcloud

TikTok 云手机 海外云手机 tiktok云手机 tiktok运营

AI时代的数据治理:挑战与策略

郑州埃文科技

看过来,征文送好礼活动持续开放中!

Apache IoTDB

京东JD商品详情API返回值实践:电商数据驱动的精准营销实践

技术冰糖葫芦

api 网关 API 文档 API 策略 pinduoduo API

前端构建工具用得好,构建速度提升 10 倍

秃头小帅oi

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