为了账号安全,请及时绑定邮箱和手机立即绑定

玩转组件库搭建全流程

郭小新 Web前端工程师
难度入门
时长 2小时46分
学习人数
综合评分9.60
10人评价 查看评价
9.6 内容实用
10.0 简洁易懂
9.2 逻辑清晰
简介:Hello~各位同学大家好~本课程是一个免费的实战项目,带大家从零实现一个Vue的组件库。 组件库是软件开源协同的一个典型。利用文档完善,代码健全的高质量组件库,前端工程师们可以快速搭建UI,从而大大提升工作效率,节约人力成本。

第1章 课程介绍

本章节主要介绍课程目标,课程大纲,相关知识点及学习建议。

第2章 从搭建一个vue项目开始

本章节主要介绍如何用脚手架vue-cli搭建一个vue组件库项目,以及先实现并跑通一个demo组件。

第3章 一个卡片组件的诞生

本章节主要介绍卡片组件的设计流程,包括组件api的设计、组件模板和样式的实现、以及逻辑实现。

第4章 打包你的组件库

本章节主要介绍前端模块化的演进(amd、commonjs、umd)、如何用webpack打包组件库的js代码、以及如何用gulp打包样式代码。

第5章 发布你的组件库

本章节主要介绍如何发布组件库到 npm 上。

第7章 课程回顾与总结

本章节主要带着同学们回顾一遍课程,包括课程的重难点、技术点以及一些扩展建议。

解锁即可观看《大前端》完整课程视频

大前端

1个业务场景打通全端、全栈、全流程,实现全局思维与综合技术能力全面突破;对标阿里P6,8个月成为前端高级人才

【第1周】认识大前端,全栈开发初体验
【第2周】企业标准的开发环境搭建
【第3周】NoSQL数据库的设计与集成
【第4周】JWT登录鉴权—通用登录模块后端开发
【第5周】团队协作-文档管理与缺陷控制
【第6周】团队协作-版本管理
【第7周】团队协作-自动化流程
【第8周】全栈开发—首页模块
【第9周】 全栈开发—用户中心
【第10周】全栈开发—发贴/回帖模块
【第11周】消息中间件开发(WebSocket通信)
【第12周】组件化思想进阶:iview上手文章管理
【第13周】中后台权限系统:前端权限设计方案
【第14周】中后台权限系统:基于角色&菜单权限设计
【第15周】首页可视化图表与日志服务
【第16周】WebApp页面设计与开发
【第17周】Vue3全家桶+Vite开发工具
【第18周】前后端项目Vue3重构
【第19周】性能优化(服务端渲染)
【第20周】uniapp开发(首页/菜单定制/搜索)
【第21周】uniapp开发(登录、详情、个人中心)
【第22周】uniapp内容安全、订阅消息
【第23周】小程序支付专题
【第24周】跨平台框架Flutter2与状态管理方案
【第25周】封装请求&数据持久化方案&路由
【第26周】Flutter 后台消息&打包上线
【第27周】Electron桌面端与主流的框架
【第28周】Electron桌面端-社区业务集成
【第29周】React17新特性
【第30周】React-Hooks&状态管理方案
【第31周】React组件库设计&工程化
【第32周】React工程化&性能优化
课程须知
由于本门课程算是大家学习Vue路上的一个进阶,所以在开始前,希望同学们能掌握: 1. 基本的前端基础知识 HTML JS CSS 2. 基本的 Vue 知识
老师告诉你能学到什么?
在课程中你能学到什么? 1. 组件的设计与实现。 2. 组件库的搭建,打包及发布。 3. 组件文档的编写,以及组件库文档站点的搭建与发布。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!