写点什么

Angular 13 发布:全面弃用 View Engine

  • 2021-11-05
  • 本文字数:1692 字

    阅读完需:约 6 分钟

Angular 13 发布:全面弃用 View Engine

当地时间 11 月 4 日,Angular 团队宣布 Angular 13 发布。此版本核心更新包括不再支持旧编译和渲染引擎 View Engine,全面支持新编译和渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改。

 

Angular 13 新特性

 

弃用 View Engine

 

Angular 13 宣布不再支持 View Engine,同时全面启用 Ivy,Ivy 是 Angular 下一代编译和渲染引擎,Angular 在最近的版本中一直支持它。对于决定弃用 View Engine 的原因,Angular 团队此前曾表示大多数 Angular 开发人员已转而使用 Ivy。同时根据谷歌开发者 Thompson 的说法,此更新意味着“团队可以期待更快的编译,因为不再包含元数据和摘要文件。”

 

Angular Package Format (APF) 的更改

 

  • 删除了旧的输出格式,包括来自 APF 的 View Engine 特定元数据;

  • 使用最新版本的 APF 构建的库将不再需要使用 ngcc;

  • 更新 APF 以支持 Node Package Exports。

 

Component API 的更新

 

在 Angular v13 更改之前,动态创建组件需要大量样板代码。 新的 API 消除了将 ComponentFactoryResolver 注入构造函数的需要。 Ivy 创造了使用 ViewContainerRef.createComponent 实例化组件的机会,而无需创建关联的工厂。

 

结束对 IE11 的支持

 

结束 IE11 的支持后:

 

  • Angular 可以通过原生的 Web API 使用更现代浏览器功能;

  • 可以删除 IE 特定的 polyfills 和代码路径使得应用程序更小,加载速度更快;

  • 移除差异加载的需要;

  • 运行 ng update 将自动删除这些特定于 IE 的 polyfills 并在项目迁移期间减少包大小。

 

需要注意的是,现有项目仍需支持 IE11 用户的开发者可继续使用 Angular 12,Angular 12 版本将一直维护到 2022 年 11 月 。

 

Angular CLI 的改进

 

Angular 13 项目中默认使用持久构建缓存,要启用此功能,可以在 angular.json 中添加如下配置:

 

{    "$schema": "...",    "cli": {        "cache": {            "enabled": true,            "path": ".cache",            "environment": "all"        }    }    ...}
复制代码

框架的更改和依赖项更新

 

  • 使用 ng new 创建的应用程序默认使用 RxJS 7.4 版本 ;

  • 使用 RxJS v6.x 的现有应用程序必须使用该 npm install rxjs@7.4 命令手动更新,可以在此处阅读迁移说明;

  • 支持 TypeScript 4.4;


Angular 测试的改进

 

  • TestBed 现在在每次测试后能更好地销毁测试模块和环境;

  • DOM 在每次测试后都会被清除。

 

Angular 组件更新

 

  • 所有基于 MDC 的组件都经过评估,在对​​比度、触摸目标、ARIA 等方面满足更高的 a11y 标准。

 

可在此处阅读有关可访问性 (a11y) 标准的拉取请求

 

社区贡献

  • 动态启用/禁用验证器

  • 取消导航后恢复 history

 

其他更新

 

本次版本更新还包括扩展对 Adobe Fonts 的支持等,有关更详细的概述可以查看完整更新公告:

 

更新公告:https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

更新指南:https://update.angular.io/

 

关于 Angular

 

AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,是一款构建用户界面的前端框架,后为 Google 所收购。AngularJS 是一个应用设计框架与开发平台,使得开发现代的单页面应用程序(SPAs:Single Page Applications)变得更加容易:

 

  • AngularJS 把应用程序数据绑定到 HTML 元素;

  • AngularJS 可以克隆和重复 HTML 元素;

  • AngularJS 可以隐藏和显示 HTML 元素;

  • AngularJS 可以在 HTML 元素”背后”添加代码;

  • AngularJS 支持输入验证。

 

AngularJS 有诸多特性:

 

  • MVC;

  • 模块化与依赖注入;

  • 双向数据绑定;

  • 指令与 UI 控件。

 

Angular 是 AngularJS 的重写,Angular2 以后官方命名为 Angular,2.0 以前版本称为 AngualrJS。AngularJS 是用 JavaScript 编写,而 Angular 采用 TypeScript 语言编写,是 ECMAScript 6 的超集。因不能简单迁移,因此 AngularJS 和 Angular 成为两个独立的框架。

 

目前,Angular 在前端框架中占据重要地位,经过严格测试已由 Google 和 Microsoft 等公司投入生产使用,相关线上资源也十分丰富。但是从学习角度说,Angular 的学习曲线最为陡峭,开发者需熟悉 TypeScript 才能开展工作,对于新手而言并不是最佳选择,更适合在团队中发挥作用。

2021-11-05 17:409698

评论

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

44页案例 | 数字化工厂解决方案助力中国制造2025

工赋开发者社区

IntelliJ IDEA 遇到 JavaLaunchHelper 多种实现的解决方法

Rose

IntelliJ IDEA 2023破解 IntelliJ IDEA 2023最新 IntelliJ IDEA报错

首届教师案例教学竞赛一等奖作品上线至和鲸社区,快来学习! Jing Nov 26, 2023 需 12 分钟阅读

ModelWhale

人才培养 数据科学 教学创新 中国商业统计学会 教学竞赛

多种 React 组件通信方式实践

南城FE

JavaScript 前端 React

Java项目启动时先加载某些方法可用于redis缓存预热

javaNice

Java

复古艺术效果照片编辑软件推荐: Chromatic Edges激活最新

mac大玩家j

Mac软件 图片编辑器 复古风图像处理工具

实用又美观,这8个组织架构图模板你一定会需要!

职场工具箱

模板 组织架构图

Chat AI教你如何追求富婆

Geek_ccdd7f

ChatGPT ChatGPT4

必读文章2-如何度过职场新兵期

玄兴梦影

代码审核员要被 ChatGPT 干掉了?

极狐GitLab

DevOps MR openai ChatGPT

CADintosh X v8.8.6 2D CAD 程序 兼容 M1/M2 安装 mac 计算机辅助设计软件

Rose

mac软件下载 cad CADintosh X 8 二维CAD

有没有类似HyperDock一样好用的窗口管理软件?

Rose

mac软件下载 苹果窗口管理软件 mac窗口增强工具 窗口整理工具合集

Python笔记一之excel的读取

Hunter熊

Python Excel xlsxwriter Python xlrd

Tech Lead 要学会戴着镣铐跳舞

光毅

团队管理

Walrus 0.4发布:单一配置、多态运行,体验下一代应用交付模型

SEAL安全

应用交付 运维工具 Walrus 企业号11月PK榜

水彩画制作工具 Watercolor Studio Pro 最新激活版

胖墩儿不胖y

Mac软件 绘画工具

重写equals后为什么要重写hashcode方法

javaNice

Java

一种LED驱动专用控制电路

芯动大师

干货丨5G+智慧工厂解决方案(附PPT)

工赋开发者社区

苹果Mac超好用的动态视频壁纸软件:Dynamic Wallpaper v16.8下载

Rose

视频动态壁纸 Dynamic Wallpaper下载 Mac壁纸软件下载 Dynamic Wallpaper中文版

和鲸ModelWhale平台与海光人工智能加速卡系列完成适配认证,夯实 AI 应用核心底座

ModelWhale

gpu 信创 算力 数据科学 海光

苹果电脑macos:简单好用的视频修复软件分享

Rose

Mac视频修复 视频损坏怎么办 媒体修复软件 苹果破解软件下载

学习笔记:如何做成一件事

老张

个人成长 学习笔记 做事

必读文章1-你尽力了吗

玄兴梦影

Swish for Mac触控板增强工具: 重新定义触控板操作

Rose

swish激活函数 Swish mac Mac触控板增强工具 mac破解软件下载

深度盘点!10款最实用的组织架构图制作软件,你用过几款?

职场工具箱

软件推荐 组织架构图

使用 Java 客户端通过 HTTPS 连接到 Easysearch

极限实验室

Java https easysearch

Sensei for Mac 苹果电脑 系统性能优化及清理工具

Rose

mac系统清理优化软件 Sensei破解版 Sensei中文版 Sensei Mac下载 破解软件

如何在langchain中对大模型的输出进行格式化

程序那些事

程序那些事 LLM 大语言模型

Angular 13 发布:全面弃用 View Engine_大前端_闫园园_InfoQ精选文章