Angular9 技能扩展

2020-06-28 17:14 更新

工具与技巧

在了解了基本的 Angular 构建块之后,您可以进一步了解可以帮助你开发和交付 Angular 应用的特性和工具。

  • 参考“英雄指南”教程,了解如何将这些基本构建块放在一起,来创建设计精良的应用。

  • 查看词汇表,了解 Angular 特有的术语和用法。

  • 根据您的开发阶段和感兴趣的领域,使用该文档更深入地学习某些关键特性。

应用架构

  • 组件与模板一章中介绍了如何把组件中的应用数据与页面显示模板联系起来,以创建一个完整的交互式应用。

  • NgModules 一章中提供了关于 Angular 应用模块化结构的深度信息。

  • 路由与导航一章中提供了一些深度信息,教您如何构造出一个允许用户导航到单页面应用中不同视图 的应用。

  • 依赖注入一章提供了一些深度信息,教您如何让每个组件类都可以获取实现其功能所需的服务和对象。

响应式编程

“组件和模板”一章提供了模板语法的指南和详细信息,用于在视图中随时随地显示组件数据,并从用户那里收集输入,以便做出响应。

其它页面和章节则描述了 Angular 应用的一些基本编程技巧。

  • 生命周期钩子:通过实现生命周期钩子接口,可以窃听组件生命周期中的一些关键时刻 —— 从创建到销毁。

  • 可观察对象(Observable)和事件处理:如何在组件和服务中使用可观察对象来发布和订阅任意类型的消息,比如用户交互事件和异步操作结果。

  • Angular 自定义元素:如何使用 Web Components 把组件打包成自定义元素,Web Components 是一种以框架无关的方式定义新 HTML 元素的 Web 标准。

  • 表单:通过基于 HTML 的输入验证,来支持复杂的数据录入场景。

  • 动画:使用 Angular 的动画库,您可以让组件支持动画行为,而不用深入了解动画技术或 CSS。

“客户端-服务器”交互

Angular 为单页面应用提供了一个框架,其中的大多数逻辑和数据都留在客户端。大多数应用仍然需要使用 HttpClient 来访问服务器,以访问和保存数据。对于某些平台和应用,您可能还希望使用 PWA(渐进式 Web 应用)模型来改善用户体验。

  • HTTP:与服务器通信,通过 HTTP 客户端来获取数据、保存数据,并调用服务端的动作。

  • 服务器端渲染:Angular Universal 通过服务器端渲染(SSR)在服务器上生成静态应用页面。这允许您在服务器上运行 Angular 应用,以提高性能,并在移动设备和低功耗设备上快速显示首屏,同时也方便了网页抓取工具。

  • Service Worker 和 PWA:使用 Service Worker 来减少对网络的依赖,并显著改善用户体验。

  • Web worker:学习如何在后台线程中运行 CPU 密集型的计算。

为开发周期提供支持

“开发工作流”部分描述了用于编译、测试和部署 Angular 应用的工具和过程。

  • CLI 命令参考手册:Angular CLI 是一个命令行工具,可用于创建项目、生成应用和库代码,以及执行各种持续开发任务,如测试、打包和部署。

  • 编译:Angular 为开发环境提供了 JIT(即时)编译方式,为生产环境提供了 AOT(预先)编译方式。

  • 测试平台:对应用的各个部件运行单元测试,让它们好像在和 Angular 框架交互一样。

  • 部署:学习如何把 Angular 应用部署到远端服务器上。

  • 安全指南:学习 Angular 对常见 Web 应用的弱点和工具(比如跨站脚本攻击)提供的内置防护措施。

  • 国际化 :借助 Angular 的国际化(i18n)工具,可以让您的应用支持多语言环境。

  • 无障碍性:让所有用户都能访问您的应用。

文件结构、配置和依赖

  • 工作区与文件结构:理解 Angular 工作区与项目文件夹的结构。

  • 构建与运行:学习为项目定义不同的构建和代理服务器设置的配置方式,比如开发、预生产和生产。

  • npm 包:Angular 框架、Angular CLI 和 Angular 应用中用到的组件都是用 npm 打包的,并通过 npm 注册服务器进行发布。Angular CLI 会创建一个默认的 package.json 文件,它会指定一组初始的包,它们可以一起使用,共同支持很多常见的应用场景。

  • TypeScript 配置:TypeScript 是 Angular 应用开发的主要语言。

  • 浏览器支持:让您的应用能和各种浏览器兼容。

扩展 Angular

  • Angular 库:学习如何使用和创建可复用的库。

  • 学习原理图 :学习如何自定义和扩展 CLI 的生成(generate)能力。

  • CLI 构建器:学习如何自定义和扩展 CLI 的能力,让它使用工具来执行复杂任务,比如构建和测试应用。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号