Angular 10 有什么新功能?

图片[1]-Angular 10 有什么新功能? - 易微帮博客-易微帮博客

10.0.0 版本来了!这是一个扩展到整个平台的主要版本,包括 Framework、Angular Material 和 CLI。此版本小于正常版本。

Angular 10.1.0 是 Angular 10 的跟踪点发布,于 9 月 2 日发布,带来了编译器和路由器性能的改进以及新的消息传递工具。

Angular 10 于 6 月 24 日作为产品发布正式发布。基于 TypeScript 的基于 Google 的框架的主要开发更加强调质量、工具和环境开发,而不是新功能。

这个版本是什么?

语言服务

特定于资源的接口使用项目接口编译多种文件类型,该接口在需要时创建 ScriptInfos。自动完成功能似乎也已从 HTML 实体中删除,例如 &、< 等,以保护 Angular LS 的基本功能,该功能具有可疑的价值和运营成本。

新的默认浏览器配置

新项目的浏览器配置已在较旧和较少使用的浏览器上进行了更新。这包括禁用新项目的 ES5 自动构建的副作用。只需将所需的浏览器添加到浏览器列表 RC 文件中即可。使 ES5 能够构建和分离浏览器加载。

编译器更新

在最新的 Angular 版本中,添加了集成接口来封装实际的 ngtsc 连接器。Angular Type 10 为属性读取和道路调用添加了单词空间。除了这个依赖信息,ng 内容选择器、Angular 语言服务也被添加到元数据中。它还欢迎 ExpressionBinding 中的直接成本时间流,用于 ParsedProperty 中的小语法引用,这也可以延长跨 AST(VE 和 Ivy)的时间长度。

实体可选设置

Angular 10 版提供了一个更强大的项目设置,以使用新的 ng.js 创建新的工作环境。

新的–严格

启用此标志后,它会启动一个新项目,其中包含一些提高安全性、帮助及早发现错误并允许 CLI 对您的应用程序进行进一步改进的设置。启用此标志会将应用程序设置为免费的副作用,以确保大树震颤。

Ngcc 

有了这个 angular 10 特性,就有了一个基于 A 的点查找器采集器,旨在仅处理只能通过 tsconfig.json 文件定义的程序访问的入口点。通过使用此选项,可以使用在应用程序中输入的少量登录点安装高度依赖区域来刷新流程。此特定功能有助于指定和减小入口点的文件大小。

基本的打包方法和访问点不需要文件存储,这就是可以避免不支持的垃圾邮件列表的原因。在以前的版本中,ngcc 似乎会浏览日志文件以包含依赖项。对于大型节点模块,这可能需要很多时间。

性能改进

可以看到通过减小入口点的大小所获得的性能改进。此外,与常规计算相比,依赖项的临时保存是在表达式点条目内完成的,并从那里读取。以前,即使入口点不需要处理,ngcc(Angular Ivy 集成)也可以扫描访问点文件以计算依赖关系,这对于大型节点模块可能需要大量时间。基本路径计算是惰性完成的,以提高性能。以前在验证收件人时所做的事情现在仅在 TargetedEntryPointFinder 需要时才完成。

TypeScript 3.9、TSLib 2.9 和 TSLint v6

Angular 10 包括 TypeScript 3.9。与支持 TypeScript 3.6、3.7 和 3.8 的先前版本相比。TypeScript 是一种以 JavaScript 为基础的语言,它为 TypeScript 编译器用来键入代码的类型声明和注释添加语法。

这也使 JavaScript 变得清晰可读,适用于许多不同的开始时间。

TypeScript 具有适用于所有编辑器的系统编辑功能,有助于保存文件。使用 Typescript 3.9,团队致力于提高性能、散热和稳定性。除了错误修复之外,此版本还支持完成、快速修复以及加速集成和编辑体验等操作。

局部特性

Angular 10 的一大优势在于,最新版本的 Angular 支持整合多个翻译文本,以前版本只能上传一个文件。在实践中,这意味着您需要对文档进行优先级排序,然后再进行翻译。

路线

CanLoad Guard 现在可以返回 Urltree 角度版本 10。返回 Urltree 的 CanLoad Guard 取消切割导航并帮助重定向。这类似于当前的行为,而不是明确包含的可用 CanActivate 安全性。但是,这不会影响预加载。此外,任何带有 CanLoad 守卫的路线都不会首先加载,并且守卫不会作为预加载的一部分完成。

服务人员

在以前版本的 Angular Vary 文章中,在检索存档中的资源时可能已经考虑过,但由于各种浏览器中的不兼容/错误使用,完全暂停检索已保存资产是不可预测行为的关键。但是,在 Angular 版本 10 Vary 中,在从 ServiceWorker 蛋糕中检索源时会忽略文章,即使它们的标题不同,也可能导致访问资源。如果您的应用程序需要完全基于应用程序主题来分离其响应,那么确保配置 Angular ServiceWorker 以避免保存受影响的资源非常重要。

减少

Angular 10 包括 TypeScript 3.9。与支持 TypeScript 3.6、3.7 和 3.8 的先前版本相比。Angular 10 还减少了 ESM5 或 FESM5 堆的安装,这些堆在运行 Angular 包和库的电缆或 npm 安装时存储 119MB 的下载和时间。在此版本中支持 ES5 的任何缩减都将在构建过程结束时完成。

我们还将看到基于复杂社交交互的旧浏览器的降级,包括 IE 9、10 和 Internet Explorer Mobile。

结束更改

逻辑更新关于在午夜的白天格式的时间,以便它对应于经过午夜之后的一天中的时间。使用 formatDate () 或 DatePipe 或格式 b 和 B 代码的应用程序可能会受到此更改的影响。

本节的另一点是任何返回 EMPTY 的解决方案都可能会取消漫游。要启用任何导航,工程师需要更新分辨率以更新

特定值,例如默认值!

Angular NPM 10 版本不包含良好的 jsdoc 表达式来帮助封闭编译器的高级准备。应用程序中的集成锁支持已经过多次测试和损坏。对于将使用封闭式编译器的人来说,他们最好采用直接来源构建的 Angular 程序,而不是合并发布到 NPM 的变体。与以前的操作一样,客户不能忘记使用带有关闭标志的现代施工管道 – 编译级别 = 简单。该标志将确保施工管道生产可建造、可运行的建筑材料,但由于开发改进,以牺牲有效载荷大小为代价。

key

在所有 angular 10 功能中,这是一个令人兴奋的功能。所有警报现在都将作为错误导入。这不会破坏应用程序,但它可能会播放等待您登录的工具

控制台错误。在这个新版本中,Generic 绑定到 ModulesWithProvider,以与 Ivy 集成和管道交付一起使用。这确保了如果工程师使用 View Engine,则不会删除任何构建错误。在这种情况下,ngcc 将无法提供帮助,并且迁移可能只会覆盖应用程序代码。

调试

在这个版本的 Angular 10 中,已经修复了许多错误,这包括一个避免孔序列中未指定表达式的编译器以及在插入缺失标记时避免迁移错误的本质。其他错误修复确保正确识别受 TestBed 中覆盖影响的模块。

转换前 Ivy 代码

所有来自 npm 的 pre-Ivy 依赖项都应该转换为 Ivy 依赖项,这应该作为在应用程序中启动 ngtsc 的前奏。继续所有未来的集成和连接

结论

Angular 10 是迄今为止最先进的版本。它克服了以前的不足,并引入了可以使软件开发周期变得轻松的新功能。

© 版权声明
THE END
喜欢就支持一下吧
点赞11
分享
评论 抢沙发

请登录后发表评论