Git Product home page Git Product logo

163music's Introduction

163music

Build Status GitHub

🎵 网易云音乐移动端 web app

项目主体功能已大致完成:

  • 用户登录、日推歌单、查看创建歌单、查看动态、音乐播放、单曲搜索等;
  • webpack 构建和完善开发、部署流程;
  • 单元测试、风格测试、持续部署;

接下来还会陆续添加一些新功能和对代码进行持续优化。

如果您发现有什么问题或者更好的想法,欢迎提交 issue 和 pr,

如果觉得项目有参考或者学习的价值,可以点击一下 star ⭐️,非常感谢~

相关文章

技术栈

  • vue:vue 2.6, vue-router, vuex, vue-server-renderer
  • webpack:webpack 4, webpack-dev-middleware, webpack-hot-middleware
  • node:express 4
  • test:karma 4, mocha, sinon-chai, vue/test-utils, eslint

上手指南

项目代码涉及 ES6/7 特性,Node 请安装 v8.0 以上版本

本地开发环境:OSX 10.14.1,node v11.8.0,npm 6.5.0,Chrome 72

安装依赖

npm install

开发环境运行

配置静态 host: dev.jacksonx.cn -> 127.0.0.1
npm run dev
浏览器访问 dev.jacksonx.cn:8080

生产环境构建

npm run build

生产环境部署

npm run start

单元测试

单元测试使用 karma + mocha + sinon-chai ,配合 webpack + @Vue/test-utils 来进行单文件组件测试

npm run test

风格测试

风格检测使用 eslint,airbnb 风格

npm run lint

项目截图

在线体验 (请使用 chrome 移动端调试体验)

播放

单曲搜索

好友动态

播放列表

播放页面

相关资料

NeteaseCloudMusicApi

vue-hackernews-2.0

vue-awesome-swiper

vuejs-templates/webpack

License

MIT

163music's People

Contributors

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

163music's Issues

歌词滚动的功能

已star.
歌词滚动的功能是不是还没做?做了的话,可以和我说一下代码的位置吗?

关于点击歌曲后自动播放的问题

建议改为点击歌曲后可以自动播放歌曲,这样用户体验比较好。可以使用

    setTimeout(() => {
        this.$refs.player.play();
    },0)

来代替被禁止的autoplay功能(我就是这么解决的)。

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.