全部试看小节
介绍课程内容，学习建议和注意事项。演示课程项目，让学员有一个整体的认识。
本章主要帮助大家理解 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。
全部试看小节
张轩
Web前端工程师
曾在Apple、百度担任高级前端开发工程师，是《React全栈:Redux Flux webpack Babel整合开发》该书作者，拥有丰富的Web开发经验，喜欢追寻新技术,同时致力于前端工程化，并且有大型SPA项目的架构及开发经验。
向您推荐
如无法下载使用图片另存为
下载海报选课、学习遇到问题？
扫码添加指导老师 1V1 帮助你！
添加后老师会第一时间解决你的问题
