微信小程序云开发日记-听音乐7-组件化开发

组件化开发
  • 组件:在用户界面开发领域,面向用户,独立的而且可以复用的交互元素的封装。
    (就是一个整体,像是做月饼是用到的模具,想做什么造型的月饼挑一个模具,但是月饼的面和馅可以是不一样的,自定义的。当然你也可以每次做月饼的时候自己用手捏,但是每次都捏是不是很麻烦,还不如用之前的模具一下就完事,方便,快捷,还不易出错。)
结构
wxml
逻辑
JS
样式
wxss
组件化开发的意义
  • 组件化是对实现的分层,是更有效地代码组合方式
  • 组件化是对资源的重组和优化,从而使项目资源管理更合理
  • 组件化有利于单元测试
  • 组件化对重构较友好
设计原则
  • 高内聚:把可以归到一个单元的代码,封到一起
  • 低耦合:组件之间减少耦合性,要学会独立,尽量少依赖其他组件
  • 单一职责:做好自己的事儿
  • 避免过多参数:(月饼馅放多了,使用模具会带来一下不必要的麻烦,)
项目当中的组件

1.歌单组件
注意歌单右上方的播放数字
2.歌曲组件
歌词随歌曲滚动
3.博客卡片组件
博客头像,名称,内容
4.博客控制组件
有评论,分享功能,单独封装,可以给其他的用
5.底部弹窗组件
授权信息
6.登录组件
检查是否授权
7.搜索组件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值