Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库

在互联网就业形式越来越严峻的今天，掌握一项具有强竞争力的技能尤其重要。复杂组件库研发因其涉及的技术难度和广度无疑成为最好的选择。本课程带你使用最新技术栈Vue3.3 + TS4 以及周边最新技术，从0到1完成10+经典组件的设计与开发，1:1 全体系复刻大厂组件库开发全流程，提升架构思维和代码设计能力，进阶成为前端开发高手。

课程目录（夸克网盘9.8GB）

• 1-课程介绍
  • 🎥 1-1 课程导学.mp4  14.1M
  • 🎥 1-2 代码库使用注意事项.mp4  19.8M
• 2-Typescript 基础知识
  • 🎥 2-1 什么是 Typescript 为什么要学习它.mp4  24.1M
  • 🎥 2-2 安装 Typescript.mp4  13.5M
  • 🎥 2-3 原始数据类型和 Any 类型.mp4  13.3M
  • 🎥 2-4 数组和元组@更多it视频+微信：307570512.mp4  15.1M
  • 🎥 2-5 Interface- 接口 初探.mp4  8.8M
  • 🎥 2-6 函数.mp4  17.1M
  • 🎥 2-7 类型推论 联合类型和 类型断言.mp4  18.1M
  • 🎥 2-8 枚举（Enum）.mp4  17.7M
  • 🎥 2-9 泛型（Generics） 第一部分.mp4  18.3M
  • 🎥 2-10 泛型（Generics） 第二部分 – 约束泛型.mp4  16.6M
  • 🎥 2-11 泛型第三部分 – 泛型在类和接口中的使用.mp4  26.2M
  • 🎥 2-12 类型别名，字面量 和 交叉类型.mp4  16.6M
  • 🎥 2-13 声明文件 第一部分.mp4  39.7M
  • 🎥 2-14 声明文件 第二部分.mp4  27.2M
  • 🎥 2-15 内置类型.mp4  25.2M
  • 🎥 2-16 配置文件.mp4  27.4M
• 3- Vue3.0 结合 Typescript 基础知识全面补强
  • 🎥 3-1 Vue3 学习导学.mp4  5.3M
  • 🎥 3-2 使用 vite 创建项目.mp4  29.3M
  • 🎥 3-3 文件结构以及推荐插件.mp4  46.0M
  • 🎥 3-4 ESLint 简介和初步使用.mp4  40.0M
  • 🎥 3-5 ESLint 配合 Vite 设置更多规则.mp4  54.5M
  • 🎥 3-6 响应式基础 – Ref 和 Reactive.mp4  36.2M
  • 🎥 3-7 computed 计算属性.mp4  26.5M
  • 🎥 3-8 watch 监听器.mp4  57.6M
  • 🎥 3-9 生命周期和模版引用.mp4  46.7M
  • 🎥 3-10 组件基础-属性.mp4  48.2M
  • 🎥 3-11 组件自定义事件.mp4  26.6M
  • 🎥 3-12 组合式函数.mp4  39.6M
  • 🎥 3-13 创建 useURLLoader.mp4  61.0M
  • 🎥 3-14 useURLLoader 第二部分.mp4  30.2M
  • 🎥 3-15 setup语法第一部分.mp4  28.9M
  • 🎥 3-16 setup 语法第二部分.mp4  33.0M
  • 🎥 3-17 依赖注入第一部分.mp4  41.2M
  • 🎥 3-18 依赖注入第二部分.mp4  27.9M
  • 🎥 3-19 Vue3.3更新简介.mp4  43.2M
• 4-万事开头难 – Button 组件
  • 🎥 4-1 Button 组件架构设计以及需求分析60.mp4  38.6M
  • 🎥 4-2 初始化项目以及项目文件结构61.mp4  35.9M
  • 🎥 4-3 Button 组件编码第一部分62.mp4  106.8M
  • 🎥 4-4 安装使用 Vue Macros63.mp4  68.3M
  • 🎥 4-5 Button编码第二部分64.mp4  99.9M
  • 🎥 4-6 选取 CSS 解决方案，现代样式解决方案一览65.mp4  79.2M
  • 🎥 4-7 色彩系统：当一次设计师66.mp4  85.1M
  • 🎥 4-8 添加色彩变量67.mp4  78.9M
  • 🎥 4-9 添加CSS Reset68.mp4  58.1M
  • 🎥 4-10 为 Button 添加样式70.mp4  127.1M
  • 🎥 4-11 使用 PostCSS 生成对应的CSS 颜色变量71.mp4  147.1M
  • 🎥 4-12 Button 章节总结72.mp4  41.5M
• 5-更近一步 Collapse 组件
  • 🎥 5-1 Collapse 组件架构设计以及需求分析69.mp4  60.7M
  • 🎥 5-2 Collapse 编码第一部分 基础编码73.mp4  79.1M
  • 🎥 5-3 Collapse 编码第二部分 – 使用 Context 完成父子属性传递74.mp4  76.1M
  • 🎥 5-4 Collapse 编码第三部分支持 v-model75.mp4  83.4M
  • 🎥 5-5 Collapse 添加样式以及原生 Transition 组件76.mp4  103.5M
  • 🎥 5-6 Collapse 添加下拉动画 – 动态计算高度（难点）77.mp4  61.9M
  • 🎥 5-7 Collapse 添加动画第二部分 – 尽善尽美78.mp4  41.5M
  • 🎥 5-8 Collapse 组件总结79.mp4  21.4M
• 6-它山之石 – Icon 组件
  • 🎥 6-1 图标库发展历程简介以及 Fontawesome 的安装使用1.mp4  75.9M
  • 🎥 6-2 Icon 组件编码第一部分 – 基本实现2.mp4  80.7M
  • 🎥 6-3 Icon 组件编码第一部分 – 完善功能以及样式添加3.mp4  67.0M
  • 🎥 6-4 看看怎么样 – 为 Button 以及 Collapse 添加图标4.mp4  88.2M
  • 🎥 6-5 Icon组件总结5.mp4  48.9M
• 7-组件测试
  • 🎥 7-1 为什么要有测试6.mp4  25.1M
  • 🎥 7-2 简介 Vitest 以及使用7.mp4  54.5M
  • 🎥 7-3 学习回调测试以及模拟第三方库实现8.mp4  96.3M
  • 🎥 7-4 安装 vue-test-utils 并且使用9.mp4  46.0M
  • 🎥 7-5 Button 测试用例第二部分10.mp4  58.0M
  • 🎥 7-6 Button 测试第三部分：学习使用 stub11.mp4  69.7M
  • 🎥 7-7 学习 VNode 定义以及 Render Function12.mp4  66.2M
  • 🎥 7-8 使用 Render Function 写组件以及了解JSX13.mp4  58.3M
  • 🎥 7-9 为 Collapse 添加测试用例14.mp4  108.6M
  • 🎥 7-10 测试Collapse 事件的第一种方式16.mp4  41.7M
  • 🎥 7-11 添加 Collapse 组件的事件测试 第二部分17.mp4  75.7M
  • 🎥 7-12 整理测试用例18.mp4  92.0M
  • 🎥 7-13 测试总结19.mp4  32.6M
• 8-通用组件 -Tooltip 组件
  • 🎥 8-1 Tooltip 组件需求分析15.mp4  29.1M
  • 🎥 8-2 安装并试用 Popper.js20.mp4  75.8M
  • 🎥 8-3 Tooltip 编码第一部分 – 实现基本功能21.mp4  86.9M
  • 🎥 8-4 Tooltip 编码第二部分 – 支持动态事件22.mp4  97.8M
  • 🎥 8-5 Tooltip编码第三部分 – 实现外侧点击关闭23.mp4  49.9M
  • 🎥 8-6 Tooltip 编码第四部分 – 实现手动打开关闭24.mp4  70.0M
  • 🎥 8-7 Tooltip 编码第五部分 – 添加 popper 参数以及动画效果25.mp4  72.6M
  • 🎥 8-8 Tooltip 编码第六部分 – 实现延时显示隐藏功能26.mp4  78.1M
  • 🎥 8-9 给 Tooltip 组件添加样式27.mp4  87.3M
  • 🎥 8-10 给 Tooltip 组件添加测试29.mp4  104.7M
  • 🎥 8-11 Tooltip 组件总结30.mp4  36.0M
• 9章合集-现学现卖 – Dropdown 组件
  • 🎥 128.mp4  281.6M
• 10章合集-高难度 – Message 组件（有难度）
  • 🎥 231.mp4  286.2M
  • 🎥 332.mp4  285.9M
• 11章合集-更好的展示方式 – 使用工具生成文档
  • 🎥 433.mp4  280.9M
• 12章合集-进入表单的世界 – Input 组件
  • 🎥 534.mp4  280.4M
  • 🎥 635.mp4  283.8M
• 13章合集-狸猫换太子 – Switch 组件
  • 🎥 736.mp4  282.2M
• 14章合集-魔高一丈- Select 组件（有难度）
  • 🎥 837.mp4  282.3M
  • 🎥 938.mp4  280.2M
• 15章合集-大一统- Form 组件（有难度）
  • 🎥 1039.mp4  276.5M
  • 🎥 1140.mp4  282.3M
  • 🎥 1241.mp4  369.6M
• 16章合集-组件库的打包以及发布
  • 🎥 16-751.mp4  82.9M
  • 🎥 16-852.mp4  114.1M
  • 🎥 16-953.mp4  99.2M
  • 🎥 16-1042.mp4  108.1M
  • 🎥 16-1143.mp4  116.1M
  • 🎥 16-1244.mp4  97.8M
  • 🎥 16-1345.mp4  128.0M
  • 🎥 16-1446.mp4  104.8M
  • 🎥 16-1547.mp4  139.7M
  • 🎥 16-1648.mp4  127.7M
  • 🎥 16-1749.mp4  154.9M
  • 🎥 16-1850.mp4  72.7M
  • 🎥 [16.1]–16-1 导学54.mp4  48.7M
  • 🎥 [16.2]–16-2 Javascript 模块化历史55.mp4  116.6M
  • 🎥 [16.3]–16-3 Bundler打包工具 简介56.mp4  105.1M
  • 🎥 [16.4]–16-4 Vite 的工作原理57.mp4  159.8M
  • 🎥 [16.5]–16-5 明确打包什么类型的模块58.mp4  87.4M
  • 🎥 [16.659.mp4  140.2M
• 课件
  • 📦 课件.exe  18.0M
  • 📦 课件.zip  17.6M