个人学习文档

目录

• CSS

  • SASS

• Dev Tools

  • Chrome Performance 性能分析
  • Memory 面板（内存面板）| Performance monitor 性能监控面板

• Git

  • Git 基础

• Java Script

  • 前端存储
  • 设计模式及场景
  • 深浅拷贝
  • 防抖节流
  • Observer
  • Worker
  • 文件预览
  • 常用数组方法
  • 原型和原型链
  • 事件循环机制
  • 前端跨域 CORS
  • 重绘和重排

• Meeting

• Nest JS

  • NestJS简介
  • 模块引入和单个模块基础
  • 控制器
  • 提供者
  • 中间件
  • 异常处理
  • 管道（参数校验）
  • 守卫（结合jwt Token）
  • 自定义装饰器 @User
  • 数据库表之间的关系和设计
  • 查询和参数

• Project

  • global.d.ts
  • 颜色转化工具
  • 时间转化工具
  • 文件上传
  • 撤回重做 - 命令模式
  • UUID
  • EventBus 事件总线
  • UnoCss
  • 电池充电及电量展示效果
  • Loading Button
  • 二次组件封装
  • 好用的工具库积累
  • 大文件上传和断点续传
  • 前端日志埋点SDK
  • 首屏加载优化

• React

  • 开发核心概念
  • 组件化开发核心
  • Hooks 与生命周期
  • React 19 核心特征
  • React 优化 Hooks
  • 组件封装
  • 路由与安全导航
  • 公共数据管理 zustand
  • request 封装axios

• Three

  • Three 起步
  • Object3D
  • 本地调试工具 lil-gui

• Type Script

  • TS简介
  • 基本用法
  • 特殊类型
  • 类型大全
  • 数组与元组
  • 类型工具
  • tsconfig.json

• Vite

  • Vite 打包优化
  • Vite 自定义插件

• Vue3

  • Vue3 相当于Vue2 的提升
  • 服务端渲染
  • Vue常用指令(Directive)

• Web GL

  • 从canvas2D 开始
  • WebGL 基础知识

• Webpack

  • Loader