Web Knowledge Store

Appearance

学习计划 ​

说明 ​

级别熟练程度星级说明
入门级了解★对该技术栈有初步的认识和理解，熟悉基本的概念和原理。
能够说出其主要用途和应用场景，但尚未在实际项目中运用。
初级有使用经验★★在实际项目中应用过该技术栈，积累了一定的实践经验。
能够完成一些简单的任务和功能模块的开发，但可能还需要参考大量资料或在他人指导下完成较为复杂的工作。
中级能独立完成工作★★★能够独立运用该技术栈完成工作任务，对技术栈有较为全面的掌握。
能够解决常规问题，具备一定的故障排查和性能优化能力，可独立承担中等复杂度的功能开发和维护。
高级熟悉★★★★熟练掌握该技术栈，能在项目中自如应用，深入理解其架构、原理和最佳实践；
具备较强的问题解决能力和复杂技术难题的处理能力；
能够对项目进行架构设计和性能调优，并为团队成员提供技术支持和指导。
专家级精通★★★★★在该技术栈领域具有专家级水平，能够进行深入的技术分析、优化和创新。
对源码有深入学习和研究，可以对技术栈本身进行定制化开发和二次扩展，能够主导大型复杂项目的架构设计和技术选型，
并在技术社区分享经验和见解，引领团队技术发展和行业技术趋势

INFO

  • 星星总数表示自己计划达到的级别
  • 实心的星星★表示已达到的掌握程度
  • ❌ 表示已经技术栈暂时不再继续学习（无论是否达到目标）
  • ✔️ 表示已经完成学习

正在学习 ​

  1. 《NestJS 全栈开发解析：快速上手与实践》
  2. Nest. js 学习资源整理

前端开发路线 ​

现代前端开发人员路线图：https://roadmap.sh/frontend

计算机网络 ​

拥有《计算机三级网络技术》证书，做过机房运维，会配置交换机、防火墙等。但是忘了不少，所以这里标为未完成

  • OSI 七层模型
  • HTTP ★★☆☆
  • DNS
  • TCP 三次握手、四次挥手
  • 其它…

前端基础 ​

  • HTML ★★★☆
    • HTML 基础
    • 常用标签及语义化
    • 表单验证
    • 无障碍 (Accessibility)
    • SEO 优化
  • CSS ★★★☆
    • CSS 基础
    • CSS 常用布局
    • 响应式网页设计
    • 移动端 ★★☆☆
  • JavaScript ★★★☆
    • JavaScript 基础
    • DOM 操作
    • Fetch API / Ajax(XHR)
    • ES6 ★★★☆
  • Web API ★★☆☆

前端进阶 ​

  • CSS 进阶
    • Tailwind CSS ★★★☆
    • CSS 预处理器
      • Scss ★★☆☆
      • Less ★★☆☆
    • css-in-js ★★☆☆
      • CSS Modules ☆☆☆☆
      • styled-components ☆☆☆☆
    • PostCSS ★★☆☆
    • CSS 架构
  • JS 设计模式 ☆☆☆☆
  • 浏览器技术
    • Storage
    • Websockets API
    • Clipboard API
    • SSE
    • File System Access API
    • Fullscreen API
    • Service Workers
    • Geolocation API
    • Notifications
    • Device Orientation
    • Payments
    • Credentials
    • WebGL
    • Web Components
  • 低代码/无代码
  • AI 大模型
  • 微前端

前端框架&组件库 ​

  • Vue
    • Vue 2 ★★★
      • vuex ★★☆☆
    • Vue 3 ★★☆☆
      • Vue i 18 n ★★★☆
      • vue-router ★★★☆
      • pinia ★★☆☆
      • VueUse ★☆☆☆
  • React ★★★☆
    • Redux ☆☆☆☆
    • React Router ☆☆☆☆
    • ahooks ★★☆☆
  • UI 库/组件库
  • Element UI ★★★☆
  • Element Plus ★★★☆
  • AntD
    • Ant Design ★★★☆
    • Ant Design Pro ★★★☆
    • Pro Components ★★★☆
  • Tailwind UI
  • Bootstrap ★★☆☆

前端工程化 ​

  • 技术选型
  • 版本控制
    • git
      • github
      • gitlab
      • gitee
  • UI 规范
  • 代码规范
    • ESLint
    • Prettier
    • Stylelint
    • husky
    • lint-staged
    • commitlint
    • JSDoc
  • 项目规范 - 项目文件的组织方式和命名方式
  • 测试
    • 单元测试
    • 集成测试
    • 端到端测试
    • 测试工具
      • Jest
      • Vitest
      • Playwright
  • CI/CD
    • Jenkins
  • 性能优化
    • 代码分割
    • 懒加载
    • 服务端渲染（SSR）
    • 预渲染
  • Web 安全
    • 跨域资源共享（CORS）
    • HTTPS
    • 内容安全策略（CSP）
    • OWASP（Open Web Application Security Project）
  • 监控、埋点
  • 构建工具
    • webpack
    • babel
    • vite
    • rollup
    • Turbopack
    • glup
  • 包管理
    • npm
    • pnpm
    • yarn
    • nvm

常用库&解决方案 ​

  • 动态表单
    • Formily
    • XRender
  • axios
  • lodash
  • html 2 canvas
    • Screenshots with JavaScript
  • kkFileView
  • Moment/Dayjs
  • 动画、特效、3 D
    • canvas
    • three. js
    • anime. js
    • GSAP

TypeScript ​

渲染技术 ​

  • CSR（客户端渲染）
  • SSR（服务器端渲染）
    • Next. js (基于 React)
    • Nuxt. js (基于 Vue)
  • SSG（静态站点生成）
    • Next. js
    • Nuxt. js
    • VitePress
  • ISR (增量静态再生)

移动端与桌面应用 ​

  • 小程序 ☆☆☆☆
  • uniapp ★★☆
  • React Native
  • Flutter
  • Electron ★★☆
  • Tauri

开发工具 ​

  • IDE
    • VSCode ★★★☆
  • 浏览器插件
    • Vue. js devtools
    • React Developer Tools

后端开发路线 ​

  • RestFul API ★ ✔️
  • JWT Auth
  • NestJS
    • Nest 中文网 文档，基本看完了基础知识及其之前的
  • Redis
  • python
  • Linux 基础
  • 算法
  • DevOps
  • PowerBI
  • 数据库
    • MySQL ★★☆
    • ORMs
  • 身份认证策略
    • 基本身份认证（用户名/密码）
    • 基于会话的认证（Session Auth）
    • 基于令牌的认证（JWT）
    • 开放式授权（OAuth）
    • 单点登录（SSO）
  • Web 安全
    • MD5
    • SHA
    • scrypt
    • bcrypt
  • 测试
    • 单元测试
    • 功能测试
    • 集成测试
    • 端到端测试
  • CI/CD
  • Docker
  • Kubernetes
  • 搜索引擎
    • Elasticsearch
  • Web Servers
    • Nginx
    • MS IIS
  • 实时数据
    • SSE
    • WebSockets
    • 长轮询
    • 短轮询
  • GraphQL

学习博客 ​

Last updated: