我正在参与掘金创作者训练营第5期,点击了解活动详情,一起学习吧!
导语
本文主要介绍下Angular文档,3年使用经验,欢迎评论,一起交流学习。介绍的过程中,结合日常开发经验,把重点的直接拎出来,其他的自己寻摸这看吧。
注意事项
首先看整体目录,了解docs文档结构
根据项目选用的版本,切换不同的文档进行学习、研究
查看浏览器support情况,了解需求有无要求
主要就是别选择用某项新特性,最后浏览器不支持,还得另寻出路,耽误时间。
如果升级angularjs code到angular
- 开发这块的code,难度挺大的,angularjs,angular两者语法几乎完全不同。
- 我们会angularjs,angular全新的,需要重头学,当时用angular8, 要求就是UI不能变,版本要升级,功能要相同,其他看着办,由于架构复杂,各部门的都融合在一起,我们前前后后用了1年吧,记得不太清楚,反正挺长时间的。
- 如果两者都不会,都需要学习,那就更压力山大了。从angularjs升级到angular这块,看Upgrading from angularjs 模块即可,里面介绍的很清楚,关键要实践~。
- 这里自己升级自己的到好弄;就怕多部门的,这个时候,一个架构组、公共组件维护组,拍板带头就很重要了,不然各部门无头苍蝇,很容易南辕北辙~
学习重点
核心概念、术语
这里面的每个子菜单,都需要去了解,掌握。只有这里面的看明白了,才能会上手开发angular. Workspace and project strucutre 可以不用看,这部分属于工程配置的。而angular-cli 默认会自动配置好,除非要自定义配置工程这些,才需要研究。
- 看,核心概念
- 看,ngModules
- 看,Observable
- 看,Rxjs - 这个叫响应式开发,类似RxJava
- 看, DI - 依赖注入。 跟Java 类似
- 还有个关键点: Ngrx - 数据管理 ,如果会Redux,那么学起来这个,会很容易的;当然不会也没事,可以先去学习Redux,在来学习这个,思路很像的。
ci 命令这些
知道基础的就行,其余的可以使用vscode插件Angular Schematics替代
Error Reference
这些在开发过程中有用,angular console会报错,但是报的错误不是那么友好,看这些Code 会帮你指明错误大概问题所在
Glossary 术语
一般不知道在文档哪个地方了,直接到这里search,然后定位过去,哈哈~
Angular coding style guide
这里会告诉你,angular style开发相关的,应该还有如何定位style不生效问题