Code Monkey home page Code Monkey logo

neteasecloudwebapp's Introduction

netease-clound-webapps

这是一个用VUEJS写高仿网易云音乐的webapp,只实现了APP的核心功能,这个项目会长期进行更新。

在线地址

技术栈

  • 传说中的VUE全家桶(vue vue-router vuex)
  • axios
  • Muse-UI(一个基于Vue2.x的material design 风格UI框架)

运行截图

首页 详情 动图 动图

安装运行(Build Setup)

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

TODO

  • 实现音乐播放器的播放模式调整
  • 搜索模块

鸣谢

此网站提供的API: https://api.imjad.cn/cloudmusic/ ,此接口的说明请到这里查看

歌单列表部分为自己提供,在别一个项目中MusicApi

NeteaseCloudMusicApi NodeJS 项目

License

MIT

neteasecloudwebapp's People

Contributors

dependabot[bot] avatar javaswing avatar jerrybendy avatar upendra-web avatar

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  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

neteasecloudwebapp's Issues

建议优化:playlistDetail页面中间滚动位置

playlistDetail中间滚动的body位置可以设置padding-top和padding-bottom将上面的歌单标题和下面的固定位置让出来,这样页面的效果会好一些,目前在此页滚动的时候上面的歌单标题有时会被挡住。另外发先进入页面是否是必须先进入首页然后才能进入歌单页,发现如果单独进入歌单页会没有歌单信息

项目没了

大佬 在线项目没得看了 被你拿去玩hexo了

node env未正确设置

跑dev的时候,会跳过设置dev语句。
导致环境错误一系列的报错,如eslint的规则等等。

MP3播放器问题

您好。MP3播放器使用的是 audio 标签吗?如何解决边加载边播放呢?
现在碰到的问题是。点击之后等待加载完成(好几 M),才播放。体验很不好。(服务端是 MP3
文件)
有没有什么好的解决方案?

报错

ERROR in ./src/views/playerDetail.vue

http://eslint.org/docs/rules/spaced-comment Expected space or tab after '//' in comment
D:\webUI\VUE\gitRep\NeteaseCloudWebApp\src\views\playerDetail.vue:125:10
//this.afterLrc = [{'txt': '加载歌词失败'}]
^

as for lazyload

看到log中其中更新一次"remove lazyload."
我想问下为什么remove掉了,我加回来后挺好用的呀
除了image'src filter必须用e.'attr来协助有点奇怪

楼主你好

我想请教一下 我用vue-cli打包的文件 在本地打不开! 请问 你是怎么做的啊 感谢!在线等

Potential open source license violation

刚刚发现这个 repo https://github.com/TEsTsLA/NeteaseCloudWebApp ,项目描述中说是“毕业设计,高仿网易云APP的网页”。

image

项目一共只有 3 个 commit,看了一下中间那个批量把各种 URL 替换了,也就是说代码是来自于本项目的。

另外翻了一下你这个项目的 README 和目录结构,似乎并没有指明使用哪种开源协议?那么可以请问他将这个项目修改作为毕业设计的做法经过你的授权了吗?没有经过授权的话,是否可以向 Github 投诉之类的。

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.