哪里有Angular特性、流程相关的可视化图表可用于概念学习？

以下资源都可以不用编写代码，直接通过图表掌握核心概念，完全覆盖你需要的特性说明、运行流程、项目结构等内容：

• 官方核心概念板块示意图
  官方文档的核心概念区配有大量经过校验的专业示意图：
  • 项目结构类图表：明确标注ts配置文件、业务组件的css/html/ts文件分工、构建后js产物的生成逻辑，完全匹配你列出的文件结构相关需求
  • 运行逻辑类图表：包含从组件初始化、变更检测触发到视图渲染更新的全链路时序图，也有端到端的请求处理、状态流转完整流程示意图，不需要写代码就能理清完整运行逻辑
  • 特性说明类图表：模块、组件、服务、指令等核心特性的职责划分图、依赖注入工作原理图、版本特性差异对比图，能帮你快速理清不同特性的适用场景
• 社区整理的知识图谱
  国内Angular用户组和技术社区整理了大量高清知识图谱：
  • 全量知识体系脑图：用树状图梳理所有Angular核心特性的关联关系，新手可以快速建立整体认知框架
  • 抽象逻辑拆分流程图：变更检测、Zone.js运行原理、路由懒加载流程这类难理解的抽象逻辑，都有拆分到每一步的流程示意图，每个节点的作用都有清晰标注
  • 全生命周期示意图：从项目初始化、开发、构建打包到线上部署的全流程示意图，每个环节的产出和运转逻辑都有可视化展示
• 公开教学课件配套图表
  各大平台公开的Angular入门课件里都配套了大量针对性的可视化图表：
  • 单知识点示意图：比如组件传值流向图、路由嵌套结构示意图、指令作用范围示意图，能针对性解决单个知识点的理解问题
  • 误区对比示意图：比如Angular模板语法和原生JS语法的差异对比图、响应式表单和模板驱动表单的差异对比图，能帮你快速避开常见认知误区

小技巧：如果你需要找某个具体逻辑的示意图，比如端到端运行流程，可以直接在搜索关键词里加上「流程图/示意图/脑图」后缀，能直接过滤出纯可视化的内容，不用翻阅大段文字教程

内容的提问来源于stack exchange，提问作者Nice Dev