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

2022-06-27 09:47:52 +08:00
 oyp
新人程序员一枚,写了一个音乐网站,后台有 1000 首无版权的 BGM ,网站提供音乐分类、在线播放、一键下载、登陆注册、收藏音乐、音乐搜索等功能。

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

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

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

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

新人作品,勿喷。
8114 次点击
所在节点    程序员
85 条回复
skmO
2022-06-27 19:04:45 +08:00
机翻感造成农场感,音乐分类大小不统一..
skmO
2022-06-27 19:05:08 +08:00
@skmO 大小写
supermao
2022-06-27 20:30:22 +08:00
现在学校还教 bootstrap 的吗
Routeros
2022-06-27 20:33:51 +08:00
啥也别说了,收藏了
xiansin
2022-06-27 21:22:51 +08:00
作为新手来说很不错了。
既然都采用 SPA 模式来开发了,为什么不使用 Vue+后端
我看你是用 PHP 来开发的(面向过程),你可以试一下框架( CI ,Laravel 之类的),但是第一个框架不建议用 laravel ,可以用 CI 之类的。
给你推荐一个 MVC 框架:flightphp 。https://flightphp.com/
oyp
2022-06-27 22:46:15 +08:00
@supermao #63 我学校就教一下 HTML 和基础的 JS ,那些库一个都没讲,据说下学期讲 jQuery ,我 x ,垃圾学校
oyp
2022-06-27 22:47:19 +08:00
如果你们知道我学校开的课程有多垃圾,就知道我为什么还在用 jQuery ,并且继续追随 jQuery 了😥
Macv1994
2022-06-28 00:09:22 +08:00
@supermao bootstrap 都更新到 5 了,为什么不能教。。。。
learnshare
2022-06-28 00:27:38 +08:00
放弃“学校教的”这种想法,自学是应该具备的核心能力之一
不要骂学校,凭自己能力考进去的,肯定是最好的
另外也不需要装作是新人,新人不上 v2 ,也不会写代码

学学 React 吧,上手很快的,只是要完全丢掉 jQuery 操作 DOM 的想法
oyp
2022-06-28 00:47:30 +08:00
@learnshare 我确实是放弃了学校教的,全都靠自学,所以就上这来了,想要快速提升,就要多接受批评!

在我看来,我这水平就是新人,没有装作新人,哈哈😄
xiangchen2011
2022-06-28 07:17:04 +08:00
写的挺好的,很棒
Tinyang
2022-06-28 08:26:00 +08:00
发现一个小问题,win11 系统下面,音乐播放栏有部分会被系统底部任务栏挡住。
oyp
2022-06-28 08:36:53 +08:00
@Tinyang #72 你这个是系统任务栏挡住网页了吗?我好像没遇到过,我怎么看着是浏览器的问题😂😂
cxmokai
2022-06-28 08:41:49 +08:00
你知道 Pied Piper 吗
oyp
2022-06-28 08:45:51 +08:00
@cxmokai #74 那是什么,歌名吗
eudore
2022-06-28 08:54:38 +08:00
@oyp h2 是 http2 ,需要开启 https 和 http2 选项,可以优化多路传输和传输压缩。br 是 Brotli 压缩算法,一般用于压缩 api 请求,一般静态资源是 gzip 压缩的,阅览器请求 header`accept-encoding: gzip, deflate, br`里面就指定了客户端接受的压缩算法。
jezal
2022-06-28 09:08:24 +08:00
@oyp @cxmokai 那是一个伟大的公司 doge :-)
molvqingtai
2022-06-28 09:51:50 +08:00
讲真,新手做成这样真的很不错了
UIXX
2022-06-28 09:52:37 +08:00
直说了吧,LZ 的方向走错了。

无论是你以学习的目的写一个 Demo 还是真正做一个可运营的站点。都应该以“抄”开始,而不是按自己想的先随性地做一个然后拿出来给大家改。

一个好的画师在磨练出自己独有的画技之前,他必须要有足够的对美的鉴赏力。有了对美丑的感觉,才有对画法好坏的定义,才有一个明确的努力方向。

我以前也曾用 JQ 手撸论坛系统,然后根据用户的体验一点点改,事后发现这完全是愚蠢的,或者说是很低效的。
像登录模块这种有“定式”的部分,我本可以借鉴外界的最佳实践,但却浪费了大量时间在改样式、文本上;
像帖子界面那样本该简洁的布局,应该把思考重心放在内容呈现上,控件的摆放细节却让我耗尽心神;
像权限分配一般重中之重的功能,我对其中的内涵一无所知,设计的时候各种“想当然”;

这一切都是因为我根本不知道这种内容系统该怎么做:
我接触的论坛类型少;
我从未在设计的角度思考我用过的这些网站;
我不知道这类站点会有哪些“潜规则”;
我只知道扣 Margin 、padding 的数值!

回到 LZ ,你的问题大体是类似的。
其实用过时的 JQ 做项目根本不是重点,重点是你现在连一些模块怎么做,一些最基本的“定式”“常识”都没有掌握。用几个 input ?用什么过渡效果?这些主观的东西不应该是 V2er 你一言我一语地教出来的。

你现在最好的学习方式就是抄,大量地抄。从方案到具体技术,一步步来,让自己形成一种知觉,在实现框架中形成自己擅长的模式。
oyp
2022-06-28 14:11:29 +08:00
@UIXX #79 采纳了,谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/862397

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX