Skip to content

someoneoylp/reactDemo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

音乐云播放器重构中。。。

完成react tree组件部分

实现的功能:

  • 正确的渲染树的结构
  • 能够通过页面样式体现树的结构
  • 可以通过传入的参数来控制最开始树的展开或隐藏

不足/没有完成的功能

  • 点击展开的时候所有的子节点都会展开,不会记住状态
  • 没有添加删除功能

完成轮播图组件部分

实现的功能:

  • 实现3D旋转轮播图片
  • 通过点击按钮,跳转到对应的图片
  • 可以点击实现上一个下一个
  • 图片个数轮播间隔时间是否自动轮播都可以自定义

不足/没有完成的功能:

  • 因为计算原因,图片过多的时候就会变形
  • 自动轮播时间过长会导致某个数比较大
  • 没有做自适应

完成tab组件

实现的功能:

  • 可以通过点击跳转到相应的页面/组件
  • 可以自定义tab个数以及内容

不足/没有完成的功能:

  • tab的样式没有做自定义
  • 切换的时候内容不会被保存,每次tab内容都会被刷新

拖拽组件

实现的功能

  • 歌词拖拽,可以控制在一定的范围内拖拽

进度条组件

实现的功能

  • 可以自动移动
  • 可以拖拽

loading组件

实现功能:

  • 数据没有完全加载出来的时候显示

感想:

  • 这次做音乐播放器,和上次的思路完全不一样了,不是单纯为了实现页面效果或者功能去做,而是尽量的组件化,每一个功能都抽离出来,做一个组件,页面最后就是又不同的组件堆砌而成
  • 组件大概分为业务组件与功能组件,每个组件应该专注自己应该做的事,不能影响其他组件,尽量独立化

About

react重构音乐云

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published