前端框架 Angular 14 正式发布了

Posted 2023-03-23

参考技术A

前端框架 Angular 14 已正式发布了。

Angular 是一个前端开发框架，由谷歌公司开源。在 Angular 14 的网站中，Angular 新的标语是“现代 Web 开发平台”。

Angular 是一个基于 TypeScript 构建的开发平台。它包括：

借助 Angular，无论单人项目还是企业级应用，你都能获得平台带来的优势。

这次发布的 Angular 14 版本主要包括以下新特性：

更严格的类型化的表单

Angular 14 为 Angular Reactive Forms 表单中实现了更严格的类型。

类型化的表单能够确保表单控件、组和数组中的值在整个 API 中都是类型安全的 —— 以实现更安全的表单，这一点在深度嵌套的复杂案例中非常重要。

使用独立组件简化 Angular

Angular 独立组件的目标是通过减少对 ng module 的需求来简化 Angular 应用的编写。在 v14 中，独立组件处于开发预览状态，可以尝试使用一下，但是因为其接口还不太稳定，后续可能还会有变动。

命令行工具 Angular CLI 支持自动补全

Angular v14 的新 ng completion 功能引入了实时预输入的自动补全功能。

为确保所有 Angular 开发者都知道这项特性，CLI 将提示开发者在 v14 中的第一个命令执行期间选择加入自动完成功能。开发者也可以手动运行 ng completion，CLI 会自动进行设置。

Angular DevTools 支持离线使用

调试工具 Angular DevTools 扩展现已支持离线使用。对于 Firefox 用户，可在 Mozilla 附加组件中找到该扩展。

实验性 ESM 应用程序构建

最后，Angular v14 引入了一个实验性的基于 esbuild 的构建系统 ng build，用于编译纯 ESM 输出。如需在应用程序中尝试此操作，请更新浏览器构建器 angular.json：

简化页面标题可访问性

另一个最佳实践是确保应用程序的页面标题唯一地传达页面的内容。可以在定义路由的时候，加上 title 属性，指定每个页面的标题名称。

更多内置的改进

Angular v14 包括对最新的TypeScript 4.7 版本的支持，现在默认目标是ES2020，这允许CLI在不降级的情况下发布更小的代码。

详细内容请参见其官方博客：https://blog.angular.io/angular-v14-is-now-available-391a6db736af

Web前端框架Angular 4.0.0 正式版发布

AngularJS 是Web前端开发中的一个 JavaScript 框架，目前在前端中使用率也是非常高的，大家对于最新版本 Angular 4.0.0也是非常期待，经历了 6 个 RC 版本之后，Angular 项目组终于发布了正式版 Angular 4.0.0。下面

最新版本值得关注的点有

速度更快、体积更小：除了速度更快、体积更小，该版本还对内置指令 NgFor 和 NgIf 以及模板的 source map 等功能进行了优化。

向后兼容：该版本向后兼容大多数应用中的 2.x.x 系列。

强力优化代码：新版优化了 View 引擎，改进后 AoT 生成的代码将减少约 60%，而且模板越复杂，所优化的代码量就越大。

动画部分单独打包：Angular 将动画部分从 @angular/core 拆分出来，单独打包。将核心模块精简后，在不使用动画时产品中将不包含冗余的动画代码。如需要动画，可使用相关功能自行导入。

正式版还带来以下新特性

优化了内置指令 NgIf 和 NgFor：新版本中的模板对于绑定语法做了些修改，将支持开发者使用 if/else 类型的语法，并支持在展开 Observable(可观察对象)等代码中分配局部变量。

Type 2.1 与 2.2 的兼容：Angular 的 Type 目前已更新到 2.2 版本，一方面提高了 ngc 的速度，同时在应用中进行 type 检查时，体验也更优秀。当前版本向下兼容。

模板的源映射：目前如果模板出现错误，会生成源映射，以了解原始模板中的前因后果及背景环境。

由于 Angular 团队计划每半年发布一个主要(Major)版本，因此按计划 Angular 5 将于 2017 年 9 月发布。

点击链接查看往期精彩文章

想要了解更多好玩有趣的咨询