Angular 13:全新和改进功能

2021 年 11 月 3 日,在距离上次升级五个多月后,Angular 发布了 v13,现已作为生产版本。开发人员必须在他们的项目中执行 ng update 才能获得 Angular 13。

Angular 开发人员,也称为 Angularites,焦急地期待这次 Angular 升级,因为它完全消除了视图引擎,并提供了一种更简单的设计组件方法。

本教程将进一步深入探讨 Angular 最新版本中包含的重要增强功能。

Angular 13现在完全是常春藤(Ivy)

Angular 13 已经成功地消除了视图引擎,使框架完全是常春藤。因此,该平台现在支持更快的编译和更高的生产力。

使用 Angular 创建库的开发人员必须使其代码保持最新。为了保持 Angular 升级的最新状态,他们还必须从“enableIvy:false”切换到“compilationMode:partial”。

Angular 13 中的 API 已简化

以前,开发人员必须使用样板来生成代码。凭借其IVY everywhere 方法,Angular 13使开发人员能够灵活地构建代码。

以前,如要构建组件,必须将 ComponentFactoryResolver 注入构造函数。现在,只需使用 ViewContainerRef.createComponent 即可执行此操作。

下面是一个插图:

Angular v13 增强功能 – Angular CLI 增强功能

在 Angular 13 中,默认情况下,所有新项目都将启用持久构建缓存。

因此,施工速度被提高了 68%,并提供了更符合人体工程学的解决方案。

要激活此功能,将应用程序更新到 v13 的开发人员必须将以下代码添加到 angular.json。

Angular 包格式 (APF) 修改

Angular 包结构在 Angular 13 中经历了许多修改。较旧的输出形式(例如特定于视图引擎的元数据)已逐步淘汰,而当前的 JS 格式(如 ES2020)已标准化。

此外,APF 在 Angular 13 中进行了修改,以促进节点包导出,最大限度地减少开发人员对内部 API 的依赖。

此外,Angular 13 中的库不需要 ngcc,这允许开发人员更快地执行代码并提供更精简的包输出。

Internet Explorer 11 不再被受支持

Angular 13 最终删除了对 IE11 的支持,以响应团队 RFC 中收到的重要评论。

CSS 代码路径、构建通道、polyfill、自定义 JS 和其他 IE11 基础结构将被停用。

由于这次升级,Angular 现在可以轻松地与常青浏览器和 Web API 关联。

此外,开发人员将受益于CSS变量和网页动画等功能,而消费者将受益于更快的加载和更好的用户体验。

Angular 13 中的组件增强功能

可访问性 (ay11) 是 Angular 13 中对 Angular 材质组件进行所有修改的核心。

以下是一些示例:

  • 改进 ARIA 描述
  • 触摸目标尺寸更大
  • 具有高对比度的图标按钮样式模式
  • 更容易接近的垫子
  • 芯片移除
  • 日期选取器增强功能
  • “表”现在具有默认角色。
  • 步进器更换
  • 具有强焦点选项的滑块

此外,来自屏幕阅读器的虚假鼠标按下事件在此 Angular 版本中由 FocusMonitor 准确识别。

因此,只要屏幕上发生焦点和单击事件,您的应用就会在 v13 中正确理解它们。

Angular 13 增强功能 – 测试平台升级

最新的 Angular 版本通过在每次测试后整理 DOM 来显着改善测试平台。

此外, 测试平台可以有效地解构测试模块和内容。

此外,在 v13 中角度测试模块拆卸会被默认启动。

因此,Angular 13 开发人员将受益于更快、更少相互依赖、内存密集型和优化的测试。

还发生了哪些其他变化?

对Adobe字体的内联支持是社区成员中流行的Angular升级。

此更新将提高应用程序的速度和性能。$localize文档是一个值得注意的新功能,它为 i18n 和标记消息提供了简单的解决方案。

Angular 13 还包括以下重要更新:

  • Typescript 4.4 兼容性
  • 错误消息已得到改进
  • RxJS 7.4 是使用 ngnew 构建的应用程序的默认版本
  • 动态激活和停用内置验证器
  • FormControlStatus 现已可用
  • 语言服务现在具有新的类型支持

总结

Angular 13 包含许多重大改进和更改,包括兑现 Angular 12 中 Ivy everywhere 的承诺,并完全取消 View Engine。

通过内置对 Adobe 字体的支持、更简单的 API、$localize文档、组件和 CLI 增强功能,该框架变得更加高效。

最棒的部分是什么?Angular 团队打算在即将发布的 v14 和 v15 版本中向框架添加额外的独立指令、管道和组件,当前版本也将效仿。

Angular是世界上最受欢迎的网页框架之一。尽管如此,由于竞争激烈,即使是经验丰富的 Angular 工程师也很难获得他们选择的职位。

领类在美国顶级公司提供长期、远程的 Angular 开发人员职位,提供无与伦比的薪酬和无与伦比的职业发展。更多信息可以在我们的职缺页面上找到!

目录
在 Facebook 上加入我们的世界顶尖自由领程序员和设计师社群在 Twitter 上查看我们关于设计原则和最佳 UX 实践的最近更新与我们联系,在领英上聘请顶尖的软件工程师和程序员

加入世界顶尖前 1% 的自由领人才网络

领类将顶尖前1%的自由领程序员和设计师与世界各地领先品牌以及初创企业联系起来。我们专注于需要高技术人才和问题解决者的复杂且具有挑战性的一级项目。
经验丰富的项目经理正在审查从领类上聘请的自由软件工程师在软件开发项目上的进展 blog.join_marketplace.your_way经验丰富的自由 UI/UX 分析师在舒适的家中远程工作,并领类上完成 UI/UX 和产品设计项目 blog.join_marketplace.freelance_jobs