新人写的网站，望大佬提供意见

[oyp]

新人程序员一枚，写了一个音乐网站，后台有 1000 首无版权的 BGM ，网站提供音乐分类、在线播放、一键下载、登陆注册、收藏音乐、音乐搜索等功能。

网站地址：web.app.ouyangpeng.top/poncon-copyrighted-music/

用了 SPA 的模式开发，比较传统的 jQuery 和 Bootstrap 搭配。

虽然网站做出来了，但我知道，我目前的开发方式太过传统了，学校教的也就这些。希望各位有经验的大佬指点一下，这个网站在开发上有什么地方需要改进，或者改用什么开发模式会更好，比如用 Vue 或者 React 这样的。

然后，我在 Git 仓库的使用上也不太熟悉，大家可以教下我。

新人作品，勿喷。

[lucasji]

一个小小的提升体验的建议: 点击"登陆 /注册"的时候, 鼠标最好显示成可点击样式.

[oyp]

@lucasji #1 鼠标显示小手是吗？采纳了

[codefever]

界面很简洁，比较喜欢，有个检索功能就更好了

[oyp]

@codefever #3 有音乐搜索功能的

[Asimov01]

新手做成这样我感觉很好了，收藏了！

[cctrv]

Mac Safari
NotSupportedError: The operation is not supported.

[madlifer]

第一下我的感觉是 缺少主题性。

就是这个网站到底是给人干什么用的。如果是在线听歌，那么没歌单，没搜索(隐藏太深)，没歌词显示，点进去分类之后也没有播放这个分类的全部，这样分类功能其实意思不大。

可以参照 https://music.qier222.com/

总体而言我觉的需要提高一下用户意识，把自己带入用户去看一下这个项目。作为学生练习我觉的没问题，但你应该想要做的是个 sideproject 而不单纯是个练习，不然前端也不会做的看上去还过得去。

[LavaC]

音乐分类的 hover 效果可以换一种柔和过渡的，比如原来的标题位移变大，副标题离场，单纯的切换是挺硬的。

[hiw2016]

博主很棒！

[ThreeK]

git 这个就是多用了， 先能简单的 commit 、push 能在 github 页面看到就行。其他复杂的等需要用到了再去学习就好。将来工作也是 百分之 99 都是 commit 、push 。

[Cmdhelp]

友情提醒：涉及版权的 还是少碰，牢饭可不好吃

[oyp]

@madlifer #7 这个网站主要是分享音乐，搜索功能其实不是主要的，因为大部分歌都不认识，是外面爬的的，也搜索不到，不像那种全网搜，主页加个搜索框的话，用户搜什么都是空的，就不好，所以放到导航栏去了。主要是为了让用户发现好音乐，然后在线收听或者收藏，下次也能快速找到。

[airplayxcom]

相当不错了楼主

[oyp]

@LavaC #8 可以一试

[oyp]

@Cmdhelp #11 当时做这个的目的就是这个，特意去外边找的无版权的，数量也才 1 千才首

[PqgpNgA0wk]

保持本心就好，挺不错的了，不用在意那些连鼠标样式都觉得需要优化的点子

[Zzzz77]

首页的热门列表，要么每个块高度对齐，要么做成瀑布流布局，现在这样太奇怪了😂

[oyp]

@Zzzz77 #17 Bootstrap 的栅栏确实就有这个毛病，想过怎么优化一下，比如设置固定高度。其实弹性盒子每一项高度本来是相同的，但是内容物高度却撑不满它的父容器

[oyp]

@Zzzz77 #17 不过起码上边线是对齐的😂😂😂

[ability]

音量控制很难用