sanyuan0704 / react-cloud-music Goto Github PK
View Code? Open in Web Editor NEWReact 16.8打造精美音乐WebApp
Home Page: https://sanyuan0704.github.io/react-cloud-music/
License: MIT License
React 16.8打造精美音乐WebApp
Home Page: https://sanyuan0704.github.io/react-cloud-music/
License: MIT License
第一个问题:对歌词的解析。好像只解析了“02:10.158”这种格式的,像"02:10:158"这种格式的没有解析,所以有些原本有歌词的歌曲显示的是纯音乐;
第二个问题:歌词内容显示错乱(无意间发现的):当前播放歌曲显示的歌词为纯音乐,点击下一首(有歌词的),然后再点击上一首(回到纯音乐),这时候本来是显示纯音乐却显示了刚刚那首歌的歌词;
第三个问题:CD和歌词组件切换,如果暂停歌曲,好像切换不了(或则反应很慢);
第四个问题:搜索组件有一个小小的bug:点击清除按钮,input框的值没有清掉。
排行榜页面刚进去的时候可以隐藏掉官方榜和全球榜两个title 不然挤在一起有点奇怪
付费歌曲不能播放但是页面下边点进去歌词是会滚动的
如题 这个是 bug 吗
会提示 播放出错
有打算加入typescript吗,如果有计划很乐意提一个ts版本的pr
是否可以使用taro这种工具,让此项目也能跑在微信小程序中,更加方便大家的使用。
使用的用户越多,对项目的发展越好吧
貌似是接口的问题,返回信息:
{ code: 502,
msg: 'Error: read ECONNRESET\n at TLSWrap.onStreamRead (internal/stream_base_commons.js:111:27)' }
}
TLS相关错误,难道是网易云那边改成https协议了?
等着老哥,学习项目经验
在跟著你的文件做的時候發現的,跑起來沒有問題拉.(單存分享)
https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/marquee
是否考虑支持 ts 开发呢?
非常期待大佬的系列拆解文章哟:D
E:\workspace\cloud-music (master -> origin)
$ git submodule update --init --recursive
Cloning into 'E:/workspace/cloud-music/NeteaseCloudMusicApi'...
一直这个状态
.before{
position: absolute;
top: -300px;
height: 400px;
width: 100%;
background: ${style["theme-color"]};
z-index: 1;
}
在掘金看到楼主的文章,很喜欢这个项目,我也喜欢用最新的写法。
同时,在掘金看到一篇redux异步中间件对比的文章,比较了redux-thunk、redux-saga、redux-observable三者的优劣:https://juejin.im/post/5d5f44dae51d4561df7805b4
redux-thunk给人弱爆了的感觉,所以,楼主能把redux-thunk换成redux-saga或redux-observable吗?
问一下在列表页面点击进入详情页 然后在返回时之前的列表页,列表页的状态是如何保存的?
运行报错,发现第一次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
。
有的时候搜索框辉闪烁
https://sanyuan0704.github.io/react-cloud-music/chapter3/slider.html
import React from 'react';
import Slider from '../../components/slider';
function Recommend() {
// mock数据
const bannerList = [1,2,3,4].map(item => {
return { src: "http://p1.music.126.net/ZYLJ2oZn74yUz5x8NBGkVA==/109951164331219056.jpg" }
});
return (
<div>
<Slider bannerList={bannerList}></Slider>
</div>
)
}
export default React.memo(Recommend);
src
應該改成 imageUrl
最近代码的player缺少mini-player和 normal-player...
在线地址打开后不能进行下拉操作,
掘金小册已经上线,地址https://juejin.im/book/5da96626e51d4524ba0fd237
感谢大家的支持!
大佬,我之前是将.md文件中图片放到一个仓库,然后通过在我的另外一个仓库的.md文件中使用图片的下载链接访问的,但是编辑完提交之后就是现实不出来,我查了一下,要在host文件中加一段好像是ip的映射才能正常显示,但是我这个仓库是要给人家看的啊,我不可能去让人家为了看我的仓库还要去改自己电脑的host文件这么麻烦吧,想必是你你也会难得看了吧哈哈哈哈。所以请大佬赐教,如何正确的在.md文件中放图片才可以像这个仓库中一样随时都能正常显示。多谢了!
用现有的启动脚本会出现api无法启动的情况,单独启动是可以起来的,需要修改一下启动端口,我个人推断应该是npm script启动脚本有一些问题。
如题,想请教下大佬适配的问题,百分比布局+flex布局+媒体查询,然后字体部分\padding\margin都是用的固定宽高,老哥没有进行进行webpack方面的适配配置吗?还有大佬,现在的webAPP的适配是怎么做的,大佬帮忙指点一下吧
应该是每次下拉页码 * offset,比如当前是第一页就是 1 * offset(30),假设offset为30,第二页就是2 *30这样子才对,数据才不会重复
克隆下来的远程地址,目录没有更新
scroll/index.js里面使用了prop-types,但是实际package.json里面没有add。
我看了下react-router 和react-rouer-config的文档,都没找到这属性。
全文搜索,也没在其他地方出现。
{
path: "/recommend/",
extra: true,
key: 'home',
component: Recommend,
routes:[{
path: '/recommend/:id',
component: Album,
}]
},
还会开放阅读吗
搜索框输入、删除输入的时候,有时会出现乱跳,不停请求的情况
notsup Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"arm64"} (current: {"os":"win32","arch":"x64"})
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.