/mind-map

🖼个人思维导图笔记,已整理JS、TS、Vue、React ... 持续更新中,欢迎 PR 和 Start~

简介

mind-map 是个人学习路上的一些小结

当前进度:

5/85

已完成:

如何查阅:

  1. 点击 Github 右上角的 Fork 按钮,将仓库 Fork 到个人空间
  2. 将个人空间中项目 Clone 到本地即可查阅

更多待办项

标志说明:

  • 🔥 表示重要章节
  • ⭐️ 表示必学项
  • 🉑 表示可选项(类似技术多选一)
  • ✅ 已办项(已整理过的)
  • 🚫 表示待办项 (未整理的)
  • ⏳ 表示有空就学
  1. Internet 🔥
  • Internet ⭐️🚫
  • HTTP ⭐️🚫
  • Browsers ⭐️🚫
  • DNS ⭐️🚫
  • Domain Name ⭐️🚫
  • Web hosting ⭐️🚫
  1. HTML 🔥
  • 基础 ⭐️🚫
  • 写静态页面 ⏳🚫
  • 表单和验证 ⭐️🚫
  • 最佳实践 ⭐️🚫
  • Web accessibility ⏳🚫
  • SEO 基础 ⏳🚫
  1. CSS 🔥
  • 基础 ⭐️🚫
  • 布局 ⭐️🚫
  • 响应式设计和媒体查询 ⭐️🚫
  1. JavaScript🔥
  • JS 基础 ⭐️🚫
  • DOM 操作 ⭐️🚫
  • Ajax、Fetch ⭐️🚫
  • ES 6 29张 ⭐️✅
  • 进一步了解提升、事件冒泡、作用域、原型、影子DOM、严格模式、浏览器如何运作、DNS、HTTP等概念 ⭐️🚫
  1. 版本控制系统 🔥
  • Git ⭐️🚫
  • GitHub ⭐️🚫
  1. Web 安全知识 ⏳
  • HTTPS🚫
  • Content Security Policy🚫
  • CORS🚫
  • OWASP Security Risks 🚫
  1. 包管理工具 🔥
  • npm ⭐️🚫
  • Yarn ⭐️🚫
  1. CSS 体系结构 ⏳
  • BEM🚫
  1. CSS 预处理器 ⏳
  • Sass🚫
  • PostCSS🚫
  1. 构建工具 🔥
  • 9.1 任务执行器
    • npm Scripts ⭐️🚫
  • 9.2 模块打包器
    • Webpack ⭐️🚫
    • esbuild ⭐️🚫
    • Rollup 🉑🚫
    • Parcel 🉑🚫
    • Vite 🉑🚫
  • 9.3 Lint工具和格式化工具
    • ESLint ⏳🚫
    • Prettier ⏳🚫
  1. 前端框架 🔥
  • 10.1 React ⭐️
    • React基础 86张✅
    • Redux ⭐️🚫
    • MobX 🉑🚫
    • Recoil 🉑🚫
  • 10.2 Vue ⭐️
  • 10.3 Angular 🉑
    • RxJS🚫
    • NgRx🚫
  1. 现代 css 🔥
  • Styled-components ⭐️🚫
  • CSS Modules ⭐️🚫
  • Styled JSX 🉑🚫
  • Emotion 🉑🚫
  1. Web components ⏳
  • HTML Templates🚫
  • Custom elements🚫
  • Shadow dom🚫
  1. CSS 框架 🉑
  • 13.1 CSS in JS
    • Tailwind CSS 🉑🚫
    • Chakra UI 🉑🚫
    • Material UI 🉑🚫
    • Radix UI 🉑🚫
  • 13.2 CSS 框架(无JS)
    • Bootstrap 🉑🚫
    • Bulma 🉑🚫
  1. 测试 🔥
  • Jest ⭐️🚫
  • React Testing Library ⭐️🚫
  • Cypress ⭐️🚫
  • Enzyme ⭐️🚫
  1. 类型检查 🔥
  • TypeScript ⭐️✅
    • TS 27张 ✅
  • Flow ⏳🚫
  1. PWAs ⏳

  2. 服务端渲染 SSR ⏳

  • Next.js 🉑🚫
  • Nuxt.js 🉑🚫
  • Universal 🉑🚫
  1. Graphql ⏳
  • Apollo ⭐️🚫
  • Relay Modern 🉑🚫
  1. 静态网站生成器 ⏳
  • Next.js ⭐️🚫
  • Gatsby ⭐️🚫
  • Nuxt js 🉑🚫
  • Vuepress 🉑🚫
  • Jekyll 🉑🚫
  • Hugo 🉑🚫
  • Gridsome 🉑🚫
  • Eleventy 🉑🚫
  1. 移动应用 ⏳
  • React Native ⭐️🚫
  • NativeScript 🉑🚫
  • Flutter 🉑🚫
  • Ionic 🉑🚫
  1. 桌面应用 ⏳
  • Electron ⭐️🚫
  1. WebAssembly ⏳

最后

Keep Learning...