# 思维导图 gitbook是抽屉状的思维结构，比较适合日常的知识结构化整理。 xmind是树状的思维结构，比较适合知识的体系化构建。 ![](https://3490195898-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LnQxDcxCKODvYvTUWe3%2F-M0FsM5Rity-Jzo9r0nj%2F-M0FsPyLwecBg8IlVZmN%2Fimage.png?alt=media\&token=e50d3992-f1fb-4c9f-ba20-0b29f475e6b8) 我用 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: