Giter Site home page Giter Site logo

kzjmusicxindong's Introduction

music

大家可以帮忙点个start嘛,谢谢大家了~

效果图

输入图片说明 输入图片说明 输入图片说明 更多效果图就不放了太大了 具体看B站视频演示地址:视频演示

介绍

网页音乐平台 本人小白一枚,能做出来最重要的还是坚持不懈的啃代码吧,遇到的问题也多,也是自己百度,自己问前辈的,感谢那些为我解答的前辈和大佬们。 学习了codewhy老师的vue自己动手拿网易云的接口做了一个音乐网页平台 断断续续做了半个月吧,也没有完全把全部功能实现,bug也还是存在的,后续有时间会持续更新完善功能和bug的修复,如果有大佬想参与一起构建的话可私聊我获取权限。 联系方式:QQ:2372966718 微信:k2372966718 找不到的话就 13479636407

软件架构

软件架构说明 文件具体分类是啥我都截图了并写了注释,有需要想练此项目的可联系我。 里面代码重要部分我都注释说明了 不理解可以慢慢推敲

安装教程

  1. 直接克隆
  2. npm i
  3. npm run serve

使用说明

  1. 尊重原创
  2. 有问题可私聊
  3. 得会vue
  4. 建议先学element-ui
  5. 有些接口提供的数据并不在同一个接口里 感到疑惑时可以打印出来自己分析下
  6. 网易云的接口是有跨域问题的 需要配置一个代理 具体看代码

特技

  1. 使用的是vue vue路由 vuex 和element-ui实现的
  2. 样式式用纯css 写的 多用的是flex布局吧
  3. 接口的请求封装都是借鉴codewhy老师的,不会的可以去看看 用的是axios
  4. 接口的数据是网易云的,建议对于不了解数据的可以先打印后再对数据处理。
  5. 特效什么的自己百度慢慢学的,建议多试

不足之处

  1. 第一次自己用vue写的项目,在整体结构上没有分配的很清晰
  2. 有些组件封装的不够完美吧,有时候还得对组件重构,如果你准备练手的话可以多花点心思在组件封装上
  3. vue路由的划分刚开始要有大局观,不然后面可能会重构

kzjmusicxindong's People

Contributors

kzj0916 avatar

Watchers

James Cloos avatar

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.