mind-map
是个人学习路上的一些小结,以思维导图的方式总结前端相关知识点
如何查阅:
- 点击
Github
右上角的Fork
按钮,将仓库Fork
仓库到个人空间 Clone
个人空间项目到本地即可查阅
当前进度: 3/85
标志说明:
🔥 表示重要章节
⭐️ 表示必学项
🉑 表示可选项(类似技术多选一)
✅ 已办项(已整理过的)
🚫 表示待办项 (未整理的)
⏳ 表示有空就学
- Internet 🔥
- Internet ⭐️🚫
- HTTP ⭐️🚫
- Browsers ⭐️🚫
- DNS ⭐️🚫
- Domain Name ⭐️🚫
- Web hosting ⭐️🚫
- HTML 🔥
- 基础 ⭐️🚫
- 写静态页面 ⏳🚫
- 表单和验证 ⭐️🚫
- 最佳实践 ⭐️🚫
- Web accessibility ⏳🚫
- SEO 基础 ⏳🚫
- CSS 🔥
- 基础 ⭐️🚫
- 布局 ⭐️🚫
- 响应式设计和媒体查询 ⭐️🚫
- JavaScript🔥
- JS 基础 ⭐️🚫
- DOM 操作 ⭐️🚫
- Ajax、Fetch ⭐️🚫
- ES 6 29张 ⭐️✅
- 进一步了解提升、事件冒泡、作用域、原型、影子DOM、严格模式、浏览器如何运作、DNS、HTTP等概念 ⭐️🚫
- 版本控制系统 🔥
- Git ⭐️🚫
- GitHub ⭐️🚫
- Web 安全知识 ⏳
- HTTPS🚫
- Content Security Policy🚫
- CORS🚫
- OWASP Security Risks 🚫
- 包管理工具 🔥
- npm ⭐️🚫
- Yarn ⭐️🚫
- CSS 体系结构 ⏳
- BEM🚫
- CSS 预处理器 ⏳
- Sass🚫
- PostCSS🚫
- 构建工具 🔥
- 9.1 任务执行器
- npm Scripts ⭐️🚫
- 9.2 模块打包器
- Webpack ⭐️🚫
- esbuild ⭐️🚫
- Rollup 🉑🚫
- Parcel 🉑🚫
- Vite 🉑🚫
- 9.3 Lint工具和格式化工具
- ESLint ⏳🚫
- Prettier ⏳🚫
- 前端框架 🔥
- 10.1 React ⭐️
- React基础🚫
- Redux ⭐️🚫
- MobX 🉑🚫
- Recoil 🉑🚫
- 10.2 Vue ⭐️
- 10.3 Angular 🉑
- RxJS🚫
- NgRx🚫
- 现代 css 🔥
- Styled-components ⭐️🚫
- CSS Modules ⭐️🚫
- Styled JSX 🉑🚫
- Emotion 🉑🚫
- Web components ⏳
- HTML Templates🚫
- Custom elements🚫
- Shadow dom🚫
- CSS 框架 🉑
- 13.1 CSS in JS
- Tailwind CSS 🉑🚫
- Chakra UI 🉑🚫
- Material UI 🉑🚫
- Radix UI 🉑🚫
- 13.2 CSS 框架(无JS)
- Bootstrap 🉑🚫
- Bulma 🉑🚫
- 测试 🔥
- Jest ⭐️🚫
- React Testing Library ⭐️🚫
- Cypress ⭐️🚫
- Enzyme ⭐️🚫
- 类型检查 🔥
- TypeScript ⭐️✅
- TS 27张 ✅
- Flow ⏳🚫
-
PWAs ⏳
-
服务端渲染 SSR ⏳
- Next.js 🉑🚫
- Nuxt.js 🉑🚫
- Universal 🉑🚫
- Graphql ⏳
- Apollo ⭐️🚫
- Relay Modern 🉑🚫
- 静态网站生成器 ⏳
- Next.js ⭐️🚫
- Gatsby ⭐️🚫
- Nuxt js 🉑🚫
- Vuepress 🉑🚫
- Jekyll 🉑🚫
- Hugo 🉑🚫
- Gridsome 🉑🚫
- Eleventy 🉑🚫
- 移动应用 ⏳
- React Native ⭐️🚫
- NativeScript 🉑🚫
- Flutter 🉑🚫
- Ionic 🉑🚫
- 桌面应用 ⏳
- Electron ⭐️🚫
- WebAssembly ⏳
Keep Learning...