1LOU 1lou.club

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

发布时间: 2026-09-10 13:56
发布者: wahaha
资源来源: 夸克网盘
资源状态:
【资源纠错】
标签: V / . / + / T / S / / 自主 / 主打 / 打造 / 媲美 / E / P / / 组件 / /
网盘快照
  • Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库 ( - )
    • 1-课程介绍 ( - )
      • 1-1 课程导学.mp4 ( 14.12MB )
      • 1-2 代码库使用注意事项.mp4 ( 19.75MB )
    • 2-Typescript 基础知识 ( - )
      • 2-1 什么是 Typescript 为什么要学习它.mp4 ( 24.11MB )
      • 2-2 安装 Typescript.mp4 ( 13.46MB )
      • 2-3 原始数据类型和 Any 类型.mp4 ( 13.26MB )
      • 2-4 数组和元组@更多it视频+微信:307570512.mp4 ( 15.07MB )
      • 2-5 Interface- 接口 初探.mp4 ( 8.75MB )
      • 2-6 函数.mp4 ( 17.13MB )
      • 2-7 类型推论 联合类型和 类型断言.mp4 ( 18.14MB )
      • 2-8 枚举(Enum).mp4 ( 17.74MB )
      • 2-9 泛型(Generics) 第一部分.mp4 ( 18.29MB )
      • 2-10 泛型(Generics) 第二部分 - 约束泛型.mp4 ( 16.62MB )
    • 3- Vue3.0 结合 Typescript 基础知识全面补强 ( - )
      • 3-1 Vue3 学习导学.mp4 ( 5.25MB )
      • 3-2 使用 vite 创建项目.mp4 ( 29.30MB )
      • 3-3 文件结构以及推荐插件.mp4 ( 45.96MB )
      • 3-4 ESLint 简介和初步使用.mp4 ( 40.01MB )
      • 3-5 ESLint 配合 Vite 设置更多规则.mp4 ( 54.51MB )
      • 3-6 响应式基础 - Ref 和 Reactive.mp4 ( 36.19MB )
      • 3-7 computed 计算属性.mp4 ( 26.55MB )
      • 3-8 watch 监听器.mp4 ( 57.60MB )
      • 3-9 生命周期和模版引用.mp4 ( 46.67MB )
      • 3-10 组件基础-属性.mp4 ( 48.21MB )
    • 4-万事开头难 - Button 组件 ( - )
      • 4-1 Button 组件架构设计以及需求分析60.mp4 ( 38.64MB )
      • 4-2 初始化项目以及项目文件结构61.mp4 ( 35.92MB )
      • 4-3 Button 组件编码第一部分62.mp4 ( 106.79MB )
      • 4-4 安装使用 Vue Macros63.mp4 ( 68.32MB )
      • 4-5 Button编码第二部分64.mp4 ( 99.92MB )
      • 4-6 选取 CSS 解决方案,现代样式解决方案一览65.mp4 ( 79.17MB )
      • 4-7 色彩系统:当一次设计师66.mp4 ( 85.11MB )
      • 4-8 添加色彩变量67.mp4 ( 78.85MB )
      • 4-9 添加CSS Reset68.mp4 ( 58.09MB )
      • 4-10 为 Button 添加样式70.mp4 ( 127.05MB )
    • 5-更近一步 Collapse 组件 ( - )
      • 5-1 Collapse 组件架构设计以及需求分析69.mp4 ( 60.70MB )
      • 5-2 Collapse 编码第一部分 基础编码73.mp4 ( 79.06MB )
      • 5-3 Collapse 编码第二部分 - 使用 Context 完成父子属性传递74.mp4 ( 76.12MB )
      • 5-4 Collapse 编码第三部分支持 v-model75.mp4 ( 83.41MB )
      • 5-5 Collapse 添加样式以及原生 Transition 组件76.mp4 ( 103.51MB )
      • 5-6 Collapse 添加下拉动画 - 动态计算高度(难点)77.mp4 ( 61.89MB )
      • 5-7 Collapse 添加动画第二部分 - 尽善尽美78.mp4 ( 41.47MB )
      • 5-8 Collapse 组件总结79.mp4 ( 21.38MB )
    • 6-它山之石 - Icon 组件 ( - )
      • 6-1 图标库发展历程简介以及 Fontawesome 的安装使用1.mp4 ( 75.93MB )
      • 6-2 Icon 组件编码第一部分 - 基本实现2.mp4 ( 80.67MB )
      • 6-3 Icon 组件编码第一部分 - 完善功能以及样式添加3.mp4 ( 66.98MB )
      • 6-4 看看怎么样 - 为 Button 以及 Collapse 添加图标4.mp4 ( 88.22MB )
      • 6-5 Icon组件总结5.mp4 ( 48.95MB )
    • 7-组件测试 ( - )
      • 7-1 为什么要有测试6.mp4 ( 25.11MB )
      • 7-2 简介 Vitest 以及使用7.mp4 ( 54.46MB )
      • 7-3 学习回调测试以及模拟第三方库实现8.mp4 ( 96.27MB )
      • 7-4 安装 vue-test-utils 并且使用9.mp4 ( 45.97MB )
      • 7-5 Button 测试用例第二部分10.mp4 ( 58.05MB )
      • 7-6 Button 测试第三部分:学习使用 stub11.mp4 ( 69.68MB )
      • 7-7 学习 VNode 定义以及 Render Function12.mp4 ( 66.15MB )
      • 7-8 使用 Render Function 写组件以及了解JSX13.mp4 ( 58.33MB )
      • 7-9 为 Collapse 添加测试用例14.mp4 ( 108.55MB )
      • 7-10 测试Collapse 事件的第一种方式16.mp4 ( 41.66MB )
    • 8-通用组件 -Tooltip 组件 ( - )
      • 8-1 Tooltip 组件需求分析15.mp4 ( 29.15MB )
      • 8-2 安装并试用 Popper.js20.mp4 ( 75.83MB )
      • 8-3 Tooltip 编码第一部分 - 实现基本功能21.mp4 ( 86.85MB )
      • 8-4 Tooltip 编码第二部分 - 支持动态事件22.mp4 ( 97.80MB )
      • 8-5 Tooltip编码第三部分 - 实现外侧点击关闭23.mp4 ( 49.89MB )
      • 8-6 Tooltip 编码第四部分 - 实现手动打开关闭24.mp4 ( 70.04MB )
      • 8-7 Tooltip 编码第五部分 - 添加 popper 参数以及动画效果25.mp4 ( 72.56MB )
      • 8-8 Tooltip 编码第六部分 - 实现延时显示隐藏功能26.mp4 ( 78.12MB )
      • 8-9 给 Tooltip 组件添加样式27.mp4 ( 87.25MB )
      • 8-10 给 Tooltip 组件添加测试29.mp4 ( 104.67MB )
    • 9章合集-现学现卖 - Dropdown 组件 ( - )
      • 128.mp4 ( 281.65MB )
    • 10章合集-高难度 - Message 组件(有难度) ( - )
      • 231.mp4 ( 286.18MB )
      • 332.mp4 ( 285.91MB )