高级前端进阶必修-自主打造高扩展的业务组件库(2022)

资源介绍

慕课网·高级前端进阶必修-自主打造高扩展的业务组件库(2022)

前端项目到了一定规模,基本都会沉淀自身组件库——组件库服务于整个团队,是所有项目的基座。如果能开发符合团队需求的组件库,那么你已经是团队的核心主力了。本课程由大厂前端专家授课,从一个高级前端开发的角度做一套类似 AntD 的组件库,在这个过程中讲透优秀组件库的搭建思路及实现方式,让你迅速具备搭建前端基础设施的重要能力。

资源目录

├─第1章课程简介
│ 1-1课程导读.mp4

├─第2章0-1搭建开发环境
│ 2-1 0-1搭建开发环境-工具安装.mp4
│ 2-2初始化一个React项目.mp4
│ 2-3徒手写一个button组件感受下.mp4
│ 2-4组件开发-引入storybook.mp4

├─第3章热身:完整的写一个Button组件
│ 3-1如何完善组件单测.mp4
│ 3-2使用sass写css.mp4
│ 3-3完整开发一个Icon组件.mp4
│ 3-4用copy的方式完成一个交互多一些的Tag组件开发(1).mp4
│ 3-5用copy的方式完成一个交互多一些的Tag组件开发(2).mp4

├─第4章工欲善其事必先利其器:组件库的工程化
│ 4-1脚手架框架搭建.mp4
│ 4-2制作标准化组件模板.mp4

├─第5章组件设计(Radio、checkbox、Input、Tex
│ 5-1组件基础理论.mp4
│ 5-2组件开发Radio-点击事件.mp4
│ 5-3组件开发Radio-受控组件非受控组件.mp4
│ 5-4RadioGroup开发.mp4
│ 5-5RadioGroup开发-补充.mp4
│ 5-6checkboxcheckboxgroup.mp4
│ 5-7Input组件开发-脚手架升级自动抓取css.mp4
│ 5-8Input组件受控功能演示.mp4
│ 5-9InputTextAreamaxLength-1.mp4
│ 5-10InputTextAreamaxLength.mp4
│ 5-11TextArea支持自动高度-1.mp4
│ 5-12TextArea支持自动高度-2.mp4
│ 5-13TextArea自动高度的另外一种思路-影子组件.mp4
│ 5-14受控非受控单测编写.mp4
│ 5-15Avatar开发.mp4
│ 5-16Switch开发-1.mp4
│ 5-17Switch开发-2.mp4

├─第6章组件设计(Affix、progress、Menu)
│ 6-1固钉Affix组件开发-1.mp4
│ 6-2固钉Affix组件开发-2.mp4
│ 6-3固钉Affix组件,第二种实现方法和优化思路.mp4
│ 6-4progress组件开发:用css3来开发进度条.mp4
│ 6-5circle类型progress:用css3来开发圆形进度.mp4
│ 6-6circle类型progress:用css3来开发圆形进度.mp4
│ 6-7Menu组件开发:UI结构还原-1.mp4
│ 6-8Menu组件开发:UI结构还原-2.mp4
│ 6-9Menu逻辑完善-缩进实现.mp4
│ 6-10Menu逻辑完善-高亮显示-1.mp4
│ 6-11Menu逻辑完善-高亮显示-2.mp4

├─第7章复杂组件设计-弹窗类
│ 7-1实现一个基础弹窗.mp4
│ 7-2完善弹窗基础事件.mp4
│ 7-3实现Overlay相对目标元素的定位计算-1.mp4
│ 7-4实现Overlay相对目标元素的定位计算-2.mp4
│ 7-5实现Overlay通用位置计算算法-1.mp4
│ 7-6实现Overlay通用位置计算算法-2.mp4
│ 7-7 快捷弹窗组件 Popup-1.mp4
│ 7-8快捷弹窗组件Popup-2.mp4
│ 7-9Tooltip文字提示组件的开发-1.mp4
│ 7-10Tooltip文字提示组件的开发-2.mp4
│ 7-11弹窗超出可视区域的自动订正-1.mp4
│ 7-12弹窗超出可视区域的自动订正-2.mp4
│ 7-13Dropdown组件的开发-1.mp4
│ 7-14Dropdown组件的开发-2.mp4
│ 7-15Dropdown组件的开发-3.mp4
│ 7-16Message组件开发-1.mp4
│ 7-17Message组件开发-2.mp4
│ 7-18Message组件开发-3.mp4

├─第8章复杂复合组件-表单
│ 8-1Form布局和数据获取-1.mp4
│ 8-2Form布局和数据获取-2.mp4
│ 8-3Form数据获取优化.mp4
│ 8-4Form表单校验.mp4
│ 8-5Form表单校验问题处理.mp4
│ 8-6Form使用现成的开源校验库.mp4
│ 8-7Form数据手动Reset和填充.mp4
│ 8-8FormReset的时候清空错误提示.mp4
│ 8-9Form通过api调用的方式提交、reset、fill数据.mp4
│ 8-10编译StoryBook,排查编译中遇到的commonjs.mp4
│ 8-11babel编译src到es5.mp4

└─课件.zip

资源下载
下载价格20 学币
VIP免费
常见问题
学币是什么?
1学币 = 1元人民币,可通过每日签到或赞助VIP获得!
如何购买更优惠?
推荐赞助VIP,赞助VIP后再购买超划算-购买会有折扣!(季/年VIP折扣购买,终身VIP免费)
资源能分享给别人吗?
本站资源仅限用于学习和研究目的,不得用于商业或者非法用途,否则,一切后果请用户自负!
遇到问题怎么办?
遇到问题直接点击页面右下角消息按钮联系客服反馈,会在第一时间处理!
0
显示验证码
没有账号?注册  忘记密码?