{"id":17114651,"url":"https://github.com/jcodelife/mind-map","last_synced_at":"2025-05-15T12:04:53.777Z","repository":{"id":37319428,"uuid":"383059197","full_name":"jCodeLife/mind-map","owner":"jCodeLife","description":"🖼个人思维导图笔记，已整理JS、TS、Vue、React ... 持续更新中，欢迎 PR 和 Start~","archived":false,"fork":false,"pushed_at":"2022-04-21T09:56:48.000Z","size":103095,"stargazers_count":1883,"open_issues_count":1,"forks_count":1060,"subscribers_count":46,"default_branch":"master","last_synced_at":"2025-05-15T12:04:48.032Z","etag":null,"topics":["css","js","ts","vue"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jCodeLife.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-05T07:54:01.000Z","updated_at":"2025-05-15T07:00:46.000Z","dependencies_parsed_at":"2022-07-13T13:50:33.549Z","dependency_job_id":null,"html_url":"https://github.com/jCodeLife/mind-map","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jCodeLife%2Fmind-map","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jCodeLife%2Fmind-map/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jCodeLife%2Fmind-map/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jCodeLife%2Fmind-map/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jCodeLife","download_url":"https://codeload.github.com/jCodeLife/mind-map/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254337612,"owners_count":22054253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","js","ts","vue"],"created_at":"2024-10-14T17:19:39.742Z","updated_at":"2025-05-15T12:04:48.757Z","avatar_url":"https://github.com/jCodeLife.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"### 简介\n\n`mind-map` 是个人学习路上的一些小结\n\n当前进度： \n\n`5/85`\n\n已完成：\n\n[![](https://img.shields.io/badge/ES6-29张-1989fa)](https://github.com/jCodeLife/mind-map/tree/master/ES6)\n[![](https://img.shields.io/badge/TS-27张-ff976a)](https://github.com/jCodeLife/mind-map/tree/master/TS)\n[![](https://img.shields.io/badge/Vue-101张-ed6a0c)](https://github.com/jCodeLife/mind-map/tree/master/Vue)\n[![](https://img.shields.io/badge/Vue3-50张-07c160)](https://github.com/jCodeLife/mind-map/tree/master/Vue3%E6%96%B0%E6%96%87%E6%A1%A3)\n[![](https://img.shields.io/badge/React-86张-ffd01e)](https://github.com/jCodeLife/mind-map/tree/master/React)\n\n如何查阅：\n1. 点击 `Github` 右上角的 `Fork` 按钮，将仓库 `Fork` 到个人空间\n2. 将个人空间中项目 `Clone` 到本地即可查阅\n\n\n### 更多待办项\n\n标志说明：\n\n- 🔥 表示重要章节\n- ⭐️ 表示必学项\n- 🉑 表示可选项(类似技术多选一)\n- ✅ 已办项（已整理过的）\n- 🚫 表示待办项 （未整理的）\n- ⏳ 表示有空就学\n\n0. Internet 🔥\n- Internet ⭐️🚫\n- HTTP ⭐️🚫\n- Browsers ⭐️🚫\n- DNS ⭐️🚫 \n- Domain Name ⭐️🚫\n- Web hosting ⭐️🚫\n1. HTML 🔥\n- 基础 ⭐️🚫\n- 写静态页面 ⏳🚫\n- 表单和验证 ⭐️🚫\n- 最佳实践 ⭐️🚫\n- Web accessibility ⏳🚫\n- SEO 基础 ⏳🚫\n2. CSS 🔥\n- 基础 ⭐️🚫\n- 布局 ⭐️🚫\n- 响应式设计和媒体查询 ⭐️🚫\n\n3. JavaScript🔥\n- JS 基础 ⭐️🚫\n- DOM 操作 ⭐️🚫\n- Ajax、Fetch ⭐️🚫\n- [ES 6](https://github.com/jCodeLife/mind-map/tree/master/ES6(29%E5%BC%A0%E5%9B%BE)) 29张 ⭐️✅\n- 进一步了解提升、事件冒泡、作用域、原型、影子DOM、严格模式、浏览器如何运作、DNS、HTTP等概念 ⭐️🚫\n4. 版本控制系统 🔥\n- Git ⭐️🚫\n- GitHub ⭐️🚫\n\n5. Web 安全知识 ⏳\n- HTTPS🚫\n- Content Security Policy🚫\n- CORS🚫\n- OWASP Security Risks  🚫\n\n6. 包管理工具 🔥\n- npm ⭐️🚫\n- Yarn ⭐️🚫\n\n\n7. CSS 体系结构 ⏳\n- BEM🚫\n\n8. CSS 预处理器 ⏳\n- Sass🚫\n- PostCSS🚫\n\n9. 构建工具 🔥\n- 9.1 任务执行器 \n    - npm Scripts ⭐️🚫\n- 9.2 模块打包器\n    - Webpack ⭐️🚫\n    - esbuild ⭐️🚫\n    - Rollup 🉑🚫 \n    - Parcel 🉑🚫\n    - Vite 🉑🚫\n- 9.3 Lint工具和格式化工具\n    - ESLint ⏳🚫\n    - Prettier ⏳🚫\n\n10. 前端框架 🔥\n- 10.1 React ⭐️\n    - [React基础](https://github.com/jCodeLife/mind-map/tree/master/React) 86张✅\n    - Redux ⭐️🚫\n    - MobX 🉑🚫\n    - Recoil 🉑🚫\n- 10.2 Vue ⭐️\n    - Vue 基础✅\n        - [Vue](https://github.com/jCodeLife/mind-map/tree/master/Vue(101%E5%BC%A0%E5%9B%BE)) 101张✅\n        - [Vue 3 新](https://github.com/jCodeLife/mind-map/tree/master/Vue3%E6%96%B0%E6%96%87%E6%A1%A3) 50张✅\n    - Vuex🚫\n- 10.3 Angular 🉑\n    - RxJS🚫\n    - NgRx🚫\n\n\n11. 现代 css 🔥\n- Styled-components ⭐️🚫\n- CSS Modules ⭐️🚫\n- Styled JSX 🉑🚫\n- Emotion 🉑🚫\n\n12. Web components ⏳\n- HTML Templates🚫\n- Custom elements🚫\n- Shadow dom🚫\n\n13. CSS 框架 🉑\n- 13.1 CSS in JS\n    - Tailwind CSS 🉑🚫\n    - Chakra UI 🉑🚫\n    - Material UI 🉑🚫\n    - Radix UI 🉑🚫\n- 13.2 CSS 框架（无JS）\n    - Bootstrap 🉑🚫\n    - Bulma 🉑🚫\n\n\n14. 测试 🔥\n- Jest ⭐️🚫\n- React Testing Library ⭐️🚫\n- Cypress ⭐️🚫\n- Enzyme ⭐️🚫\n\n15. 类型检查 🔥\n- TypeScript ⭐️✅\n    - [TS](https://github.com/jCodeLife/mind-map/tree/master/TS%EF%BC%8827%E5%BC%A0%E5%9B%BE%EF%BC%89) 27张 ✅\n- Flow ⏳🚫\n\n16. PWAs ⏳\n\n17. 服务端渲染 SSR ⏳\n- Next.js 🉑🚫\n- Nuxt.js 🉑🚫\n- Universal 🉑🚫\n\n18. Graphql ⏳\n- Apollo ⭐️🚫\n- Relay Modern 🉑🚫\n\n19. 静态网站生成器 ⏳\n- Next.js ⭐️🚫\n- Gatsby ⭐️🚫\n- Nuxt js 🉑🚫\n- Vuepress 🉑🚫\n- Jekyll 🉑🚫\n- Hugo 🉑🚫\n- Gridsome 🉑🚫\n- Eleventy 🉑🚫\n\n20. 移动应用 ⏳\n- React Native ⭐️🚫\n- NativeScript 🉑🚫\n- Flutter 🉑🚫\n- Ionic 🉑🚫\n\n21. 桌面应用 ⏳\n- Electron ⭐️🚫\n\n22. WebAssembly ⏳\n\n\n### 最后\n\nKeep Learning...","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjcodelife%2Fmind-map","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjcodelife%2Fmind-map","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjcodelife%2Fmind-map/lists"}