本课程带你使用最新技术栈Vue3.3+ TS4以及周边最新技术，从0到1完成10+经典组件的设计与开发，1:1 全体系复刻大厂组件库开发全流程，提升架构思维和代码设计能力，进阶成为前端开发高手,课程讲解不拖沓，组件开发思路，逻辑技巧等，我觉得是最大收获。
课程目录
————进阶必学，2023最新 ，打造媲美ElementPlus的组件库
├─第1章 课程介绍
│ ├─1-1 课程导学.mp4 21.02MB
│ └─1-2 代码库使用注意事项.mp4 30.63MB
├─第2章 Typescript 基础知识
│ ├─2-1 什么是 Typescript 为什么要学习它.mp4 28.03MB
│ ├─2-10 泛型（Generics） 第二部分 - 约束泛型.mp4 20.17MB
│ ├─2-11 泛型第三部分 - 泛型在类和接口中的使用.mp4 28.99MB
│ ├─2-12 类型别名，字面量 和 交叉类型.mp4 17.63MB
│ ├─2-13 声明文件 第一部分.mp4 52.34MB
│ ├─2-14 声明文件 第二部分.mp4 32.8MB
│ ├─2-15 内置类型.mp4 34.33MB
│ ├─2-16 配置文件.mp4 43.61MB
│ ├─2-2 安装 Typescript.mp4 20.92MB
│ ├─2-3 原始数据类型和 Any 类型.mp4 16.16MB
│ ├─2-4 数组和元组.mp4 15.9MB
│ ├─2-5 Interface- 接口 初探.mp4 10.77MB
│ ├─2-6 函数.mp4 16.06MB
│ ├─2-7 类型推论 联合类型和 类型断言.mp4 20.58MB
│ ├─2-8 枚举（Enum）.mp4 20.19MB
│ └─2-9 泛型（Generics） 第一部分.mp4 19.5MB
├─第3章 Vue3.0 结合 Typescript 基础知识全面补强
│ ├─3-1 Vue3 学习导学.mp4 5.3MB
│ ├─3-10 组件基础-属性.mp4 59.3MB
│ ├─3-11 组件自定义事件.mp4 32.13MB
│ ├─3-12 组合式函数.mp4 47.64MB
│ ├─3-13 创建 useURLLoader.mp4 77.8MB
│ ├─3-14 useURLLoader 第二部分.mp4 36.39MB
│ ├─3-15 setup语法第一部分.mp4 37.16MB
│ ├─3-16 setup 语法第二部分.mp4 38.31MB
│ ├─3-17 依赖注入第一部分.mp4 49.91MB
│ ├─3-19 Vue3.3更新简介.mp4 57.96MB
│ ├─3-2 使用 vite 创建项目.mp4 41.46MB
│ ├─3-3 文件结构以及推荐插件.mp4 57.15MB
│ ├─3-4 ESLint 简介和初步使用.mp4 58.05MB
│ ├─3-5 ESLint 配合 Vite 设置更多规则.mp4 78.24MB
│ ├─3-6 响应式基础 - Ref 和 Reactive.mp4 45.55MB
│ ├─3-7 computed 计算属性.mp4 33.97MB
│ ├─3-8 watch 监听器.mp4 71.04MB
│ └─3-9 生命周期和模版引用.mp4 57.61MB
├─第4章 万事开头难 - Button 组件
│ ├─4-1 Button 组件架构设计以及需求分析.mp4 24.02MB
│ ├─4-2 初始化项目以及项目文件结构.mp4 23.86MB
│ ├─4-3 Button 组件编码第一部分.mp4 67.58MB
│ ├─4-4 安装使用 Vue Macros.mp4 42.14MB
│ ├─4-5 Button编码第二部分.mp4 59.54MB
│ ├─4-6 选取 CSS 解决方案，现代样式解决方案一览.mp4 48.91MB
│ ├─4-7 色彩系统：当一次设计师.mp4 52.43MB
│ └─4-8 添加色彩变量.mp4 50.41MB
├─第5章 更近一步 Collapse 组件
│ ├─5-1 Collapse 组件架构设计以及需求分析.mp4 33.34MB
│ ├─5-10 为 Button 添加样式.mp4 79.38MB
│ ├─5-11 使用 PostCSS 生成对应的CSS 颜色变量.mp4 86.3MB
│ ├─5-12 Button 章节总结.mp4 25.85MB
│ ├─5-2 Collapse 编码第一部分 基础编码.mp4 47.91MB
│ ├─5-3 Collapse 编码第二部分 - 使用 Context 完成父子属性传递.mp4 45.63MB
│ ├─5-4 Collapse 编码第三部分支持 v-model.mp4 50.55MB
│ ├─5-6 Collapse 添加下拉动画 - 动态计算高度（难点）.mp4 37.04MB
│ ├─5-7 Collapse 添加动画第二部分 - 尽善尽美.mp4 24.66MB
│ └─5-8 Collapse 组件总结.mp4 13.37MB
├─第6章 它山之石 - Icon 组件
│ ├─6-1 图标库发展历程简介以及 Fontawesome 的安装使用.mp4 45.52MB
│ ├─6-2 Icon 组件编码第一部分 - 基本实现.mp4 49.24MB
│ ├─6-3 Icon 组件编码第一部分 - 完善功能以及样式添加 (1).mp4 41.76MB
│ ├─6-3 Icon 组件编码第一部分 - 完善功能以及样式添加.mp4 41.76MB
│ ├─6-4 看看怎么样 - 为 Button 以及 Collapse 添加图标.mp4 56.04MB
│ └─6-5 Icon组件总结.mp4 30.48MB
├─第7章 组件测试
│ ├─7-1 为什么要有测试.mp4 16.74MB
│ ├─7-13 测试总结.mp4 20.46MB
│ ├─7-2 简介 Vitest 以及使用.mp4 36.24MB
│ ├─7-3 学习回调测试以及模拟第三方库实现.mp4 58MB
│ ├─7-4 安装 vue-test-utils 并且使用.mp4 29.15MB
│ ├─7-5 Button 测试用例第二部分.mp4 36.49MB
│ ├─7-6 Button 测试第三部分：学习使用 stub.mp4 42.13MB
│ ├─7-7 学习 VNode 定义以及 Render Function.mp4 40.19MB
│ ├─7-8 使用 Render Function 写组件以及了解JSX.mp4 37.04MB
│ └─7-9 为 Collapse 添加测试用例.mp4 63.52MB
├─第8章 通用组件 -Tooltip 组件
│ ├─8-1 Tooltip 组件需求分析.mp4 17.56MB
│ ├─8-10 测试Collapse 事件的第一种方式.mp4 25.03MB
│ ├─8-10 给 Tooltip 组件添加测试.mp4 62.97MB
│ ├─8-11 Tooltip 组件总结.mp4 22.67MB
│ ├─8-2 安装并试用 Popper.js.mp4 46.19MB
│ ├─8-3 Tooltip 编码第一部分 - 实现基本功能.mp4 54.07MB
│ ├─8-4 Tooltip 编码第二部分 - 支持动态事件.mp4 58.1MB
│ ├─8-5 Tooltip编码第三部分 - 实现外侧点击关闭.mp4 32.17MB
│ ├─8-6 Tooltip 编码第四部分 - 实现手动打开关闭.mp4 41.18MB
│ ├─8-7 Tooltip 编码第五部分 - 添加 popper 参数以及动画效果.mp4 42.04MB
│ ├─8-8 Tooltip 编码第六部分 - 实现延时显示隐藏功能.mp4 46.41MB
│ └─8-9 给 Tooltip 组件添加样式.mp4 53.83MB
├─第9章 现学现卖 - Dropdown 组件
│ ├─0.mp4 16.04MB
│ ├─1.mp4 66.27MB
│ ├─2.mp4 29.37MB
│ ├─3.mp4 63.58MB
│ ├─4.mp4 82.59MB
│ └─5.mp4 9.31MB
├─第10章 高难度 - Message 组件（有难度
│ ├─0.mp4 11.85MB
│ ├─1.mp4 47.14MB
│ ├─2.mp4 56.93MB
│ ├─3.mp4 68.84MB
│ ├─4.mp4 57.12MB
│ ├─5.mp4 53.07MB
│ ├─6.mp4 298.05MB
│ └─7.mp4 128.1MB
├─第11章 更好的展示方式 - 使用工具生成文档
│ ├─1.mp4 140.31MB
│ └─2.mp4 245.57MB
├─第12章 进入表单的世界 - Input 组件
│ ├─01.mp4 209.72MB
│ └─02.mp4 282.34MB
├─第13章 狸猫换太子 - Switch 组件
│ └─8.mp4 231.59MB
├─第14章 魔高一丈- Select 组件（有难度）
│ ├─01.mp4 267.52MB
│ └─02.mp4 258.05MB
├─第15章 大一统- Form 组件（有难度）
│ ├─10-1.mp4 236.88MB
│ └─10.mp4 269.18MB
├─第16章 组件库打包以及发布
│ ├─01.mp4 254.27MB
│ └─02.mp4 351.01MB
└─资料代码.zip 262.94KB
微信扫一扫 
支付宝扫一扫 