更多
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices等,迅速帮助大家理解 TS 的基础使用方式和语法。
从 vite 创建项目开始,学习使用一系列插件以及 ESlint打造完美开发环境,接下来带领大家学习 compostion API,自定义Hooks, setup 语法, 依赖注入等一系列 vue3 的重大更新。
本章开始完成第一个组件,创建通用项目结构以及规范,实现组件编码过程中,穿插安装vue-marcos 插件增强,选用 postcss 作为样式解决方案,为组件库开发打下坚实基础。
本章进入一个新的组件开发 - Collpase,从这个组件,可以学习到Vue 复杂组件的组合设计思想,Context 传递,v-model 的实现,以及使用 Transition 完成动画的过程。
本章进入Icon 组件的开发,这里二次开发 FontawesomeIcon 实现对应的内容,从而总结出二次开发组件的基本原则和方法。
本章从什么是测试入手,简介了测试的基本概念,介绍通用测试工具 Vitest 和 测试框架 Vue-test-utils,然后使用这两种工具完成Button组件和 Collapse 组件的单元测试,并且在这个过程中学习 Render Function 以及 VNode 的原理。
本章要完成 Tooltip 组件的开发,它作为第一个通用组件,可以为一系列其他组件作为蓝图,在整个过程中,我们回学习 popper.js 的使用,动态事件,创建 useClickOutside, defineExpose,debounce 等一众功能。
在本章会根据上一章所学的通用组件作为基础进行扩展,完成下拉菜单组件的二次开发。在这个过程中学习不同于 Collapse 子组件思路,并且还学习了 jsx 书写组件的方式,并且比较两者的利弊。
本章我们将迎来一个不小的挑战,完成 Message 组件,它是第一个函数式调用的组件。在这个过程中,我们会通过巧妙的方式实现多个组件的创建以及定位,有非常多高级的知识点。
这一章我们话锋一转,学习使用怎样的工具生成组件文档以及完成展示的任务,会学习使用两种目前最火的文档生成工具,并且进行对比。
本章我们正式进入表单的世界,接触表单王国的第一个重要组件 Input,作为表单中最重要的一个元素。完成一个比原生 input 功能更丰富的实现。
本章学习一个最有挑战性的组件开发 - Select,在这个过程中会学习完成一个复杂,多需求组件的通用开发方式和流程,抽丝剥茧,一步步的完成。
本章要完成最复杂的组件 - Form 表单组件,通过这个组件,学习使用复杂组件的分析过程,公共 store 抽取,动态数据更新,表单验证,renderProps 以及 组件暴露实例方法等一系列高阶的知识点。
本章先介绍 Rollup 的概念以及简单使用,然后学习使用 Rollup 插件以及配置文件生成多种 Javascript 模块格式。最后到介绍了怎样将组件库发布到 npm。
选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题