本章我们学习了太多的实用的技能。 我们新建了多个拦截器,对拦截器的使用加深了印象。在实际的项目中,我们还可以结合拦截器来实现更多的功能。比如当请求时间大于0.5S显示一个Loading的加载动画;在比如将一些请求时间大于3S的请求记录下来,然后默默地发送到我们的监控系统上;再比如记录一些请求发生异常情况,然后把异然发送到监控系统上。 我们对父子组件的应用有了更深入的认识,不但可以使用基本`@Output()`、`@Input()`来完成父子组件的交互,还知道了`@Input()`如果应用变更检测。 在MockApi方面,在开发过程中我们完成弃用了真正的后面,在仅使用的MockApi的情况下便完成了开发工作。这也是前后台分离开发的核心,有了MockApi的存在,才使得前后台在真正意义上进行了分离。我们还学习了如何在MockApi中进行数据验证,当组件以**非法**数据发起请求时,MockApi能够实时对这个非法数据做出提示,这使得在MockApi在单元测试的支持下更加的健壮。在生产项目中,我们也是这么做的。 在单元测试的支持下,我们也尝试像大牛一样完成了代码的重构,进而消灭了重复的轮子。代码重构是一种保障代码质量非常有效的方法,代码重构的前提是单元测试,重构的目的降低项目维护难度。代码重构过程中,为了避免重构对历史的项目产生重大影响,重构需要逐步推进,保证向下兼容。不然,重构后的集成测试也是必不可少的环节。 在测试方面,我们使用了`MockApiTestingInterceptor`来替代了原有的`MockApiInterceptor`,这使得我们可以手动控制模拟数据的发送时机,结合手动调用`detectChanges()`方法,达到了在单元测试中对组件状况了然于胸的目的。这虽然在前期给我们造成了一定的负担,但无疑对Angular的学习的贡献是巨大的。因为我们学习Angular的过程中,便掌握了Angular渲染组件的多种内部特性,这为我们以后参与生产项目积累了资本。 在表单方面,我们完全使用了面向对象的响应式表单。这种可以使用面向对象的思想对表单输入进行控制的思想实在是太棒了。在面向对象思想的支持下,我们可以观察表单项的数据变化,为表单项设置验证器。同时,当表单存在多个表单项时,还可以将多个表单项组合在一起形成`FormGroup`,这使得表单验证变得极其简单。 本章我们还开发了一个应用性不是特别广的分页组件。通过对该组件学习,我们掌握了html代码是如何一步步变更为Angular组件的。 我们学习了`ngClass`、`ngStyle`的使用方法,通过对两者的对比,能够发现Angular在处理此类问题上的通用的点。 我还学习了如何自定义FormControl,这也是生产环境中一个非常核心的内容,将子组件打包为FormControl是非常实用的。这使得我们可以将整个V层的表单包装为一个FormGroup,从而将整个表单做为整体进行处理。在自定义FormControl时,我们又接解了TypeScript的接口概念,学习了如何在组件是使用`providers`等。 在集成测试中,我们启动了惰性加载,通过代码验证了惰性加载的时机。这也是一个生产项目中核心的知识点之一。在路由方面,我们学习了如何在V层及C层中完成相对路由的跳转。 最后我们对单例的Service进行了学习,了解了root根模块,对DI又有了新的认识。 恭喜你,在成为优秀的软件工程师的路上又迈出了坚实的一步!