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

组件化开发

• 组件：在用户界面开发领域，面向用户，独立的而且可以复用的交互元素的封装。
  （就是一个整体，像是做月饼是用到的模具，想做什么造型的月饼挑一个模具，但是月饼的面和馅可以是不一样的，自定义的。当然你也可以每次做月饼的时候自己用手捏，但是每次都捏是不是很麻烦，还不如用之前的模具一下就完事，方便，快捷，还不易出错。）

结构

wxml

逻辑

JS

样式

wxss

组件化开发的意义

• 组件化是对实现的分层，是更有效地代码组合方式
• 组件化是对资源的重组和优化，从而使项目资源管理更合理
• 组件化有利于单元测试
• 组件化对重构较友好

设计原则

• 高内聚：把可以归到一个单元的代码，封到一起
• 低耦合：组件之间减少耦合性，要学会独立，尽量少依赖其他组件
• 单一职责：做好自己的事儿
• 避免过多参数：（月饼馅放多了，使用模具会带来一下不必要的麻烦，）

项目当中的组件

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