今天，我们将研究 javascript 中的开源结构框架之一。什么叫做Angular Javascript？
Angular Javascript
Angular javascript（Angular js）被称为，是一个用于在前端开发中构建繁重的javascript单页应用程序（SPA）的框架。
SPA 在单个页面上加载网站的全部内容。单页通常在 index.html 文件中。它会更新页面本身的部分。
由 Google 开发人员 Misho Hevery 和 Adam Aerons 于 2010 年内置。他们选择了 Angular 这个名称，因为它可以在 Html 文件中使用。
基于 Angular 的网站和传统网站之间的一个独特区别是 Angular 期望浏览器来构建页面。该页面包含-Html、CSS&Javascript 文件。浏览器显示网页上显示的最终页面。
对浏览器来说听起来很乏味吧？尽管如此，与使用 Java 和 PHP 的传统应用程序相比，它在大多数情况下都能快速生成结果。
Angular JS 的另一个有趣特性是它允许编写更简洁的代码。这包括在模板中使用循环、变量和条件。您可以使用数据绑定跟踪、显示和处理来自用户的更改。
Angular JS 的三大支柱
双向数据绑定：视图的两边是同步的
依赖注入：依赖是不同代码段之间的关系。而不是将依赖项附加到对象。Angular 附加注入器，将它们链接到存储在中心位置的依赖项。代码可以重复使用，而在编写单元测试时会模拟依赖项
指令：Angular JS 中最常用的部分。它们扩展了经典的 HTML。它们还用作哑元素上的标记，告诉 Angular JS 附加该元素的行为。换句话说，指令使 Html 可以创建不同的内容。
Angular JS 的概念
使用 Angular JS 开发的关键概念
- 模块化的
- 可测试
- 可维护
数据绑定的Angular类型
- 单向/单向
- 双向
- 事件
- 财产
Angular的版本
Angular 1为我们提供了模块化来分离我们的代码以进行测试和维护。
Angular 2为组件提供了更好的分离结构、API 和可重用的方法。
Angular 3提供了选择更多语言的选项。如 ES5、ES6 或 TypeScript 来编写 Angular 2 的代码。
Angular 4
Angular 4.0 将捆绑的文件大小减少了 60%。由于代码减少，代码有助于加快应用程序的性能。
适当的拒绝阶段，允许开发人员调整他们的代码。
动画功能从 angular/core 中提取出来并包含在它们的包中。
Angular 5
编译器改进。
使用 HttpClient 功能进行优化
国际化日期和货币
Angular 6
与 Angular 5 一样，Angular 6 有一个 Angular Element，它提供了创建 Angular 组件的能力。然后将该组件发布为可在任何 HTML 页面上使用的 Web 组件。
国际化 (i18n)
Angular 6 引入的主要变化之一是具有运行时渲染的国际化 (i18n) 功能，因此没有规则可以为每个语言环境构建一个应用程序。
Angular 7
它是一个开源 JavaScript 框架，用于在 JavaScript、html 和 Typescript 中构建 Web 应用程序和应用程序，Typescript 是 JavaScript 的超集。Angular 为动画、http 服务和材料提供了内置功能，这些功能又具有自动完成、导航、工具栏和菜单等功能。
Angular 8
网络工作者
Web Worker 对提高应用程序的并行性和速度至关重要。Angular 8.0 增加了对 CLI 的支持，并为每个 web worker 提供了一个包，他们通过在主线程之外编写代码来实现
Angular Firebase
Angular 8 支持 firebase，现在将 Angular 应用程序部署到 Firebase 非常容易。使用 Angular CLI，Service Worker。
Angular 9
IVY 作为默认编译器
IVY 检查任何应用程序模板中的绑定并报告它发现的不同类型的问题。这有助于在开发过程的早期检测任何错误。然后，它使用工具和技术编译代码库以调试其应用程序。它管理样式绑定而不依赖于任何时间。Angular 9 保留了大部分缺点而不会损失性能。
组件线束
Angular 9 提供了测试组件的替代方法，以确保单元测试经过审计并且不那么脆弱。
Angular 10
语言服务
特定于资源的接口使用项目接口编译许多文件类型，该接口在需要时创建 ScriptInfos。自动完成似乎已从 HTML 实体中删除，例如 &、< 等，以保护 Angular LS 的基本功能，该功能具有可疑的价值和运营成本。
新的默认浏览器配置
新项目的浏览器配置已在较旧和较少使用的浏览器上进行了更新。这包括禁用新项目的 ES5 自动构建的副作用。一是将所需的浏览器添加到浏览器列表 RC 文件中。使 ES5 能够构建和分离浏览器加载。
Angular 11
更新了热模块更换 (HMR) 支持
Hot Module Replacement 是一种允许在不完全刷新浏览器的情况下更换模块的机制。
它通过所需的配置和代码更改为 HMR 提供支持，这使得包含在 Angular 中的速度不太理想。
自动内联字体
Angular 11 具有自动字体内联功能，可将 Google 字体和图标转换为 index.html 中的内联字体。
Angular 12
从 i18n 切换
i18n 消息 ID 是 Angular 中用于在启动新任务时执行多个消息传递计划的技术。i18n 用于代码的解释和验证。
在 Angular12 中，实现了一个新的标准消息 ID 配置是高效的，并且不会缓解空白更改。这种新的消息传递方法旨在减少不必要的解释失效和重新翻译的费用。
Webpack 5.37 支持
Webpack 5.37 支持是 Angular 12 的一项强大功能。它通过对包大小、构建执行等产生很大影响来简化开发人员的编程。这有助于高效地改进长期缓存和表单执行。
Angular13
Complete Ivy
它不再使用 View Engine 来渲染其组件，并且通过利用 Ivy 机制提高了项目的编译速度和平台效率。
改进的组件 A11y
它带有 A11y 的预测试标准和框架的所有组件，例如 ARIA、触摸目标、复选框、单选按钮和对比度，以迎合更高的用户可访问性。
Angular 14
扩展开发者诊断（ng 编译）
Angular v14 的这个特性提供了一个可扩展的框架。这有助于更好地了解您的模板，并为潜在的提升提供建议。它检查我们组件中的语法错误，就像在联系我们组件中删除反应式一样。
独立组件
随着 Angular 14 的发布，独立组件最终将成为一个可行的选择。不需要 Angular 模块。
这就是今天的内容。
再见。
网友评论