Appearance
学习笔记整理情况
✅ 已完成
HTML
基础
进阶
CSS
基础
进阶
CSS3
ES6+
Vue 3
快速上手
- 搭建工程
- ✅模板语法
- ✅响应式基础
- ✅响应式常用 API
- ✅计算属性
- ✅类与样式绑定
- ✅条件和列表渲染
- ✅事件处理
- ✅表单处理
- ✅生命周期
- ✅侦听器
- ✅组件介绍
- ✅Props
- ✅自定义事件
- ✅组件 v-model
- ✅插槽
- ✅前端路由介绍
- ✅KeepAlive 内置组件
- ✅状态管理库
- ✅使用组件库
深入理解
- ✅虚拟 DOM 本质
- ✅模板的本质
- ✅组件树和虚拟 DOM 树
- ✅数据拦截的本质
- ✅响应式数据的本质
- ✅响应式的本质
- ✅响应式和组件渲染
- 实现响应式系统 1
- 实现响应式系统 2
- 图解 EFFECT
- 实现响应式系统 3
- 手写 computed
- 手写 watch
- ✅指令的本质
- ✅插槽的本质
- ✅v-model 的本质
- ✅setup 语法标签
- ✅组件生命周期
- ✅keepalive 生命周期
- keepalive 的本质
- ✅key 的本质
细节补充
- ✅属性透传
- ✅依赖注入
- ✅组合式函数
- ✅自定义指令
- ✅插件
- ✅Transition
- ✅TransitionGroup
- ✅Teleport
- ✅异步组件
- ✅Suspense
- ✅路由模式
- ✅路由零碎知识
- ✅路由匹配语法
- ✅路由组件传参
- ✅内置组件和函数
- ✅导航守卫
- ✅过渡特效
- ✅滚动行为
- 动态路由
- ✅通信方式总结
- Pinia 自定义插件
- 封装树形组件
- ✅自定义 ref 实现防抖
- ✅懒加载
- 虚拟列表
- 虚拟列表优化
- ✅VueUse
- ✅vuedraggable
- ✅vue-drag-resize
- ✅vue-chartjs
- ✅vuelidate
- vue3-lazyload
- Websocket 聊天室
- 认识 Vite
- 配置文件
- 依赖预构建
- 构建生产版本
- 环境变量与模式
- CLI
- Vite 插件