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

vue3 从0到1 全流程封装基础组件

_King老师 Web前端工程师
难度中级
时长 2小时 5分
学习人数
综合评分8.17
4人评价 查看评价
9.5 内容实用
7.5 简洁易懂
7.5 逻辑清晰
简介:通过对两个组件的基础集成、封装、应用让小伙伴了解组件封装的实际意义,和真实项目场景的使用。手把手一步步教学,让大家领会封装全流程与实现。

第1章 课程导学

本章讲解为什么要学习这门课,学完能学到什么,以及项目的完整展示

第2章 前端进阶能力

本章科普前端工程师的进阶能力,全栈能力、组件库封装能力、工程化能力、全流程能力、多端能力,大型项目实战能力、架构能力等。 本章重点讲解组件封装。

第4章 Icon和Button组件封装

本章通过对iconfont官网的学习,了解3个不同字体图标的优缺点。手把手带领大家封装两个组件,并举一反三,让同学了解一个组件库的搭建模型。

第5章 发布&应用&优化

本章讲解组件库如何运行到npm上,让更多的项目来集成我们封装的组件库,以及如何应用这些组件和优化。

第6章 总结&扩展

本章讲解组件库如何运行到npm上,让更多的项目来集成我们封装的组件库,以及如何应用这些组件。

解锁即可观看《前端高级工程师(大前端)》完整课程视频

前端高级工程师(大前端)

全新打造“技术成长与职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”

【第1周】前端高级工程师成长心经
【第2周】大型复杂项目需求分析及整体架构设计
【第3周】需求分析能力:与产品、后端沟通,设计工具
【第4周】玩转Node.js:前端开发&调试双击破
【第5周 上篇】Vue3项目框架搭建及响应式开发方案
【第5周 下篇】首页开发、Mock接口及前端测试技巧
【第6周 上篇】服务端渲染原理与Linux/Docker
【第6周 下篇】服务端开发:走向全栈Nodejs与数据库
【第7周】深入Git 高效代码管理与团队协作
【第8周】前端开发利器:Mock接口及接口测试工具
【第9周】前端工程化:Webpack&Vite构建
【第10周】CICD持续集成和部署及云构建工具
【第11周】设计通用管理后台组件库:初始化模板+组件
【第12周】通用管理后台组件库:业务组件&页面开发
【第13周】管理后台:功能性组件&可视化图表与地图
【第14周】组件库工程化:自动构建部署与测试
【第15周】桌面端应用:丰富组件库应用场景
【第16周】工程化必备:开发脚手架项目
【第17周】进阶自动化能力:云构建+云部署能力扩展
【第18周】融合CLI+DevOps,封装桌面端应用
【第19周】Vue组件库开发知识付费项目核心页面
【第20周】动态表单+表格:知识付费项目用户管理开发
【第21周】复杂交互场景自定义:项目内容管理开发
【第22周】大型权限系统设计:多租户权限数据库设计
【第23周】登录认证+权限管理
【第24周】内容+学习+用户+交易核心业务服务开发
【第25周】Nestjs服务端部署、测试及CICD
【第26周】深入WebSocket
【第27周】架构入门:前后端的微服务
【第28周】架构实践:nestjs框架微服务技术
【第29周】架构进阶:微服务架构重构服务端项目
【第30周】架构运维实践:Docker+k8s
【第31周】uniapp+unicloud云开发
【第32周】小程序uni-admin云后台应用
【第33周】创建页面路由,小程序项目核心页面开发
【第34周】小程序项目接口对接与测试
【第35周】小程序支付专题
【第36周】React源码解析&生态核心技术方案
【第37周】React组件库设计:提升工程化+组件化
【第38周】React组件测试及性能优化
【第39周】Vue3源码解读
【第40周】职业发展指导与AI在职场中应用
【加餐&新课体验周AI加餐福利&新课体验】AI加餐福利&新课体验
课程须知
1.具备前端HTML、CSS、JS 2.具备Vue3 框架语法基础
老师告诉你能学到什么?
1. 通过总分总的方式手把手教学一个组件的快速成型 2. 通过真实应用场景分析一个组件的迭代步骤和如何解耦业务 3. 通过两种方式对组件的引入、比较,分析不同量级下的正确引入方式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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