Coder Social home page Coder Social logo

sanyuan0704 / react-cloud-music Goto Github PK

View Code? Open in Web Editor NEW
2.0K 2.0K 537.0 3.58 MB

React 16.8打造精美音乐WebApp

Home Page: https://sanyuan0704.github.io/react-cloud-music/

License: MIT License

HTML 0.67% JavaScript 85.23% CSS 5.36% TypeScript 8.73%
axios better-scroll immutable react react-hooks react-redux react-router-v4 redux redux-immutable redux-thunk styled-components

react-cloud-music's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-cloud-music's Issues

Player组件中的歌词问题

第一个问题:对歌词的解析。好像只解析了“02:10.158”这种格式的,像"02:10:158"这种格式的没有解析,所以有些原本有歌词的歌曲显示的是纯音乐;
第二个问题:歌词内容显示错乱(无意间发现的):当前播放歌曲显示的歌词为纯音乐,点击下一首(有歌词的),然后再点击上一首(回到纯音乐),这时候本来是显示纯音乐却显示了刚刚那首歌的歌词;
第三个问题:CD和歌词组件切换,如果暂停歌曲,好像切换不了(或则反应很慢);
第四个问题:搜索组件有一个小小的bug:点击清除按钮,input框的值没有清掉。

优化小建议

排行榜页面刚进去的时候可以隐藏掉官方榜和全球榜两个title 不然挤在一起有点奇怪

此项目的小程序版本

是否可以使用taro这种工具,让此项目也能跑在微信小程序中,更加方便大家的使用。

使用的用户越多,对项目的发展越好吧

所有接口报502错误

貌似是接口的问题,返回信息:
{ code: 502,
msg: 'Error: read ECONNRESET\n at TLSWrap.onStreamRead (internal/stream_base_commons.js:111:27)' }
}
TLS相关错误,难道是网易云那边改成https协议了?

移动端页面缩放后无法放大缩小

发现了几个缩放问题:

1、点击“搜索”,input标签没有获取到焦点,点击输入框后放大页面后,页面无法再缩小

IMG_4700

2、返回主页面后依旧无法缩小

IMG_4716

3、“排行榜”点击榜单,头部被遮挡

IMG_4698

子模块下载不下来啊,老哥

E:\workspace\cloud-music (master -> origin)
$ git submodule update --init --recursive
Cloning into 'E:/workspace/cloud-music/NeteaseCloudMusicApi'...

一直这个状态

运行npm install 报错

运行报错,发现第一次npm install后node_modules里面的依赖库只有一个.staging文件

! Unexpected end of JSON input while parsing near '...rElqHOGVJ3DRDcc+S+H Sj'
另一个npm install 正常,本地的node是v10

歌词不能正常滚动

Player 组件中,handleLyric 方法的判断条件有些问题,currentLineNum.current 初始值为 0,是一个 falsy 值,会导致这个判断一直为 true

test

有的时候搜索框辉闪烁

.md文件中的图片是如何处理的

大佬,我之前是将.md文件中图片放到一个仓库,然后通过在我的另外一个仓库的.md文件中使用图片的下载链接访问的,但是编辑完提交之后就是现实不出来,我查了一下,要在host文件中加一段好像是ip的映射才能正常显示,但是我这个仓库是要给人家看的啊,我不可能去让人家为了看我的仓库还要去改自己电脑的host文件这么麻烦吧,想必是你你也会难得看了吧哈哈哈哈。所以请大佬赐教,如何正确的在.md文件中放图片才可以像这个仓库中一样随时都能正常显示。多谢了!

看了下大佬的项目,想请教一下项目的适配

如题,想请教下大佬适配的问题,百分比布局+flex布局+媒体查询,然后字体部分\padding\margin都是用的固定宽高,老哥没有进行进行webpack方面的适配配置吗?还有大佬,现在的webAPP的适配是怎么做的,大佬帮忙指点一下吧

第三章缺少依赖

scroll/index.js里面使用了prop-types,但是实际package.json里面没有add。

请问routes的属性extra是什么作用?

我看了下react-router 和react-rouer-config的文档,都没找到这属性。
全文搜索,也没在其他地方出现。

{
        path: "/recommend/",
        extra: true,
        key: 'home',
        component: Recommend,
        routes:[{
          path: '/recommend/:id',
          component: Album,
        }]
      },

搜索框bug

搜索框输入、删除输入的时候,有时会出现乱跳,不停请求的情况

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.