> For the complete documentation index, see [llms.txt](https://mm.ricky.moe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mm.ricky.moe/mind-maps.md).

# 思维导图

gitbook是抽屉状的思维结构，比较适合日常的知识结构化整理。

xmind是树状的思维结构，比较适合知识的体系化构建。

![](/files/-M0FsPyLwecBg8IlVZmN)

我用 xmind 画了一波前端的知识体系图，包括

1. 浏览器与JS线程
2. 前端优化
3. 正则速查表
4. vue 性能优化总结
5. vue-reactive
6. css知识点
7. JavaScript常见概念
8. TypeScript知识点
9. 垃圾回收
10. webpack
11. 前端网络知识点
12. 前端存储
13. flex布局
14. vue 知识点

具体可见notion: <https://www.notion.so/8dedb12b567a4170a34a75053f4c2c8d?v=c0e1143c74204efaa2274a5fad0ce9bc>