Netease Music Juke Box网页版音乐客户端
网易云音乐的网页版客户端，页面还原度挺高的，功能也比较完整，像播放、暂停、切歌、歌词同步啥的都有。用的是HTML5和CSS3，视觉上还挺干净的，黑色主题，蛮有质感。你打开项目一看，基本能一眼看出结构，不复杂，适合练手或者做参考。
项目用了Webpack和Gulp两种构建方式，你看自己习惯哪个就用哪个。要是图省事，直接用gulp dev启动就行，响应也快，开发环境也搭得挺清楚的。
ES6 语法用得比较多，配合了Babel做转码，浏览器兼容问题不大。想看转码细节，可以顺手看看Webpack 转码 ES6 到 ES5这篇文章，讲得还挺透。
你要是刚学完HTML5和CSS3，想找个完整项目练练手，这个挺合适。项目结构比较清晰，比如主入口是index.html，核心逻辑都在main.js里，调试起来也方便。
另外，项目里还用了点jQuery，像$('.nav-item')这种选择器还挺常见的，事件也方便。虽然现在主流更推Vue和React，但 jQuery 用起来也挺顺手，尤其是做些简单页面交互。
哦对了，要是你之前没玩过gulp或者webpack-dev-server，建议提前全局装一下：
npm install -g gulp webpack-dev-server如果你平时听网易云，顺便又想搞点前端实战，那这个项目真的蛮值一试的。clone 一下就能跑，改起来也不难。
文件大小：27.42KB
评论区