继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第2天 Vue3 + Typescript 从0到1开发通用基础组件

慕数据9484764
关注TA
已关注
手记 49
粉丝 3
获赞 2

学习课程名称:Vue3 + Typescript 从0到1开发通用基础组件
章节名称:项目起航 - 准备工作和第一个页面
讲师姓名:张轩


课程内容

  1. 需求分析
  2. 文件结构和代码规范
  3. 样式解决方案
  4. 设计图拆封于组件属性分析
  5. ColumnList编码
  6. GobalHeader组件
  7. Dropdown组件
  8. useClickOutside自定义函数
  9. 工作中常用的样式解决方案

做任何一项目,先都不要着急下手,需求一定要梳理好,否则后面可能会返工;正所谓:方向不对,努力白费;

对于大型项目,前期做好目录架构以及编码规范,这一类的前置工作如果没有做好,后面协同开发就会陷入混乱之中;

样式解决方案:工作中,为了快速交付,更多的是使用第三方UI框架,用别人现成的组件库,就像搭乐高一样,搭建我们的项目;大公司往往会选择自研组件库,将设计规范进行一个统一,后面特别是跨部门协同开发,方便后期维护。

拿到设计稿,我们往往急于实现功能,往往缺少分析和思考,如何按照组件的思想进行抽取和封装,当功能逐渐复杂,内部实现逻辑很混乱,代码可读性不强;“撸起袖子就是干”,有时候无形中也在为重构挖坑。

hooks自定义函数的出现,彻底解决了上述逻辑混乱的问题,我们可以将功能相似的模块抽象出来,封装成自定义的函数,供任意组件调用。

工作常用的样式解决方案:Element UI Ant design


图片描述图片描述图片描述

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP