Angular 8 - Reviewed

《Angular 8 - Reviewed》中文总结： ### 1. **Angular 8 简介** - **特点**：Angular 8 是一个基于 TypeScript 的全栈 web 框架，支持构建 web 和移动应用，适用于多种屏幕分辨率（手机、平板、电脑等）。 - **优势**：支持响应式设计、单页应用（SPA）、跨平台开发，用户界面库丰富，且支持服务器端编程。 - **兼容性**：所有版本向后兼容，易于从旧版本升级。 ### 2. **Angular 版本对比** - **AngularJS**：2010 年发布，基于 MVC 架构，自动处理浏览器兼容性问题。 - **Angular 2.0**：2016 年发布，重写版本，聚焦组件化开发，支持跨平台移动应用。 - **Angular 4.0**：2017 年发布，新增动画包、Http 搜索参数，应用体积更小且运行更快。 - **Angular 5.0**：2017 年发布，引入 HttpClient API、Lambda 支持、编译器优化。 - **Angular 6.0及后续版本**：持续优化性能、功能和兼容性。 ### 3. **教程结构** 本教程涵盖 Angular 8 的核心内容，包括： - 安装与创建第一个应用。 - 架构：组件、模板、模块、服务。 - 数据绑定（单向绑定、双向绑定）。 - 指令（结构指令、属性指令、自定义指令）。 - 管道（内置管道、自定义管道）。 - 响应式编程（Observable、操作符）。 - 服务与依赖注入。 - Http 客户端编程。 - 路由与导航（配置路由、访问路由、路由参数、嵌套路由）。 - 动画、表单与表单验证。 - 认证与授权。 - Web Workers、服务工作者与 PWA。 - 服务器端渲染（Angular Universal）。 - 国际化（i18n）、可访问性。 - CLI 命令、测试、Ivy 编译器。 - Bazel 构建工具。 - 向后兼容性与升级路径。 - 工作示例与 Angular 9 新特性。 ### 4. **Angular 8 架构** - **组件**：Angular 应用的核心构建块，包含 TypeScript 类、HTML 模板和 CSS 样式。 - **模板**：结合数据绑定和指令，动态渲染 UI。 - **模块**：用于组织和配置应用功能。 - **服务**：提供业务逻辑支持，通过依赖注入实现。 ### 5. **版本升级与兼容性** - Angular 8 的重要变化： - `HttpModule` 和 `Http` 服务已移除，使用 `HttpClient` 代替。 - `/deep/` 等深层选择器移除。 - 默认 TypeScript 版本为 3.4，支持 Node.js 10+。 - `@ViewChild()` 和 `ContentChild()` 行为由动态改为静态。 - 升级路径：使用 `ng update` 命令，详细升级路径可参考 [update.angular.io](https://update.angular.io)。 ### 6. **其他重要功能** - **Ivy 编译器**：Angular 8 默认启用，提升渲染性能和封装能力。 - **Bazel构建工具**：支持分布式构建和缓存，适合大型项目。 - **工作示例**：通过ExpenseManager应用演示核心功能，如路由、表单、服务、HTTP 编程等。 ### 结语 Angular 8 是一个强大且灵活的框架，支持构建高效、跨平台的 web 和移动应用。通过本教程，读者可以系统掌握 Angular 8 的核心功能，并通过实际示例加深理解，为未来开发奠定坚实基础。