这是一个创建于 674 天前的主题，其中的信息可能已经有所发展或是发生改变。
做了后端好多年，一直想写一个自己的网站，奈何不会 CSS ，也不会前端，这是理由吗？不想学才是理由。
所以我学了下，从开始学习前端，到网站上线耗费 2.5 个月，其实学习耗费了半个月，网站开发用了两月。铺垫这么多就是希望大家海涵，前端小白写出来的，BUG 在所难免（因为用的国外 CDN ，国内访问体验其实不咋地，反而魔法网络状况下体验比较好）。
不算什么创新，烂大街的导航站，优点就是可以无限拓展下去，支持拖拽分组之类的。肯定有同类型，但是同类自动排序让人脑壳疼。
目前链接没有加密，后续会根据精力，把链接加密安排上，我也不想知道大家的平时喜欢访问啥网站。
盒子限制数量目前是 1000 ，应该够用了，至于为什么增加限制，作为程序员的大家都懂，必须搞个兜底策略，万一有人一直创建，那我不是凉凉了？
成本和精力考虑，整套服务都放在国外了（ 2022 年放过一段时间在国内，但是域名不好，cloud 域名，想着还是 com 域名吧）。
奉上截图：
https://imgur.com/a/CLvN43w
网站地址：
https://www.hutubox.com/
最后，欢迎大家注册体验。
所以我学了下，从开始学习前端，到网站上线耗费 2.5 个月，其实学习耗费了半个月，网站开发用了两月。铺垫这么多就是希望大家海涵，前端小白写出来的，BUG 在所难免（因为用的国外 CDN ，国内访问体验其实不咋地，反而魔法网络状况下体验比较好）。
不算什么创新，烂大街的导航站，优点就是可以无限拓展下去，支持拖拽分组之类的。肯定有同类型，但是同类自动排序让人脑壳疼。
目前链接没有加密，后续会根据精力，把链接加密安排上，我也不想知道大家的平时喜欢访问啥网站。
盒子限制数量目前是 1000 ，应该够用了，至于为什么增加限制，作为程序员的大家都懂，必须搞个兜底策略，万一有人一直创建，那我不是凉凉了？
成本和精力考虑，整套服务都放在国外了（ 2022 年放过一段时间在国内，但是域名不好，cloud 域名，想着还是 com 域名吧）。
奉上截图：
https://imgur.com/a/CLvN43w
网站地址：
https://www.hutubox.com/
最后，欢迎大家注册体验。
第 1 条附言 · 2023-01-06 19:08:23 +08:00
首先，非常感谢体验的各位 V 友。有朋友花费自己宝贵时间提交了很好的建议和或者存在的 BUG ，更是感激不尽。
因为还有其他事情以及自己的能力有限，BUG 我就挑我能修复的修复[这里插入一个狗头表情]，前端技术，真的有限，不是什么推诿的话。
有朋友也提交了一下同类网站，申明一下，某些网站我确实借鉴过，但代码是我原创的，一些 CSS 也会去找找有没有别人分享的。所以，我可以说是我原创的。雷同？那就雷同吧，这个真没啥好办法避免。
为什么还要写这个网站呢？无非还是：自己的多好啊。顺便也说下之前我调研过程中，我自己想要，但是没有在别的产品看到的功能（我调研的肯定不全）。
特性 1：多级文件夹拖拽分组，最多应该是支持 10 级嵌套，想必应该是足够了。这功能某些网站有，更多是没有。多级的暂时没发现有支持的。
特性 2：我个人很不喜欢挤压排序，可谓是讨厌吧，找来找去没找到一个能够支持随意拖拽而不挤压排序的，所以我这个是根据坐标排列的，如果注册了也会保存到数据库。当然，太乱了也支持右键快速排序。
特性 3：严格意义算不上特性，只是个人喜好的一种表现吧。我比较喜欢极简风格，不喜欢复杂。比我优秀的同类很多很多，但是满足我整体审美的确实不多。
因为还有其他事情以及自己的能力有限，BUG 我就挑我能修复的修复[这里插入一个狗头表情]，前端技术，真的有限，不是什么推诿的话。
有朋友也提交了一下同类网站，申明一下，某些网站我确实借鉴过，但代码是我原创的，一些 CSS 也会去找找有没有别人分享的。所以，我可以说是我原创的。雷同？那就雷同吧，这个真没啥好办法避免。
为什么还要写这个网站呢？无非还是：自己的多好啊。顺便也说下之前我调研过程中，我自己想要，但是没有在别的产品看到的功能（我调研的肯定不全）。
特性 1：多级文件夹拖拽分组，最多应该是支持 10 级嵌套，想必应该是足够了。这功能某些网站有，更多是没有。多级的暂时没发现有支持的。
特性 2：我个人很不喜欢挤压排序，可谓是讨厌吧，找来找去没找到一个能够支持随意拖拽而不挤压排序的，所以我这个是根据坐标排列的，如果注册了也会保存到数据库。当然，太乱了也支持右键快速排序。
特性 3：严格意义算不上特性，只是个人喜好的一种表现吧。我比较喜欢极简风格，不喜欢复杂。比我优秀的同类很多很多，但是满足我整体审美的确实不多。
 |
1
coolair 2023-01-06 00:25:18 +08:00  1
|
 |
2
crazyweeds OP @coolair 确实不少，但不太喜欢自动排序，看个人喜好吧。
|
 |
3
gowl 2023-01-06 01:12:51 +08:00
好看~
|
 |
4
Kenny 2023-01-06 01:42:45 +08:00
挺好的。
|
 |
5
webs 2023-01-06 08:25:15 +08:00
不错，好看实用
|
 |
7
registerrr 2023-01-06 09:51:50 +08:00
不错的，在我的审美点上
|
 |
8
lineezhang8848 2023-01-06 10:41:26 +08:00
感觉弹出框和后面的背景没有区分开,给人一种很说不出的乱的感觉,当然了,那个 ui 配色方面确实不错,像苹果的桌面
|
 |
9
LavaC 2023-01-06 11:26:17 +08:00 2
一点个人意见：
- 圆角不宜过大，css 的 border-radius 实现的是切线连续圆角，太大了看起来就不太圆滑； - 默认的背景图太大了，首次进入会有一个很丑的逐行加载效果，可以考虑换小点的图或者一个首次 loading 加载动画？ - 弹窗可能需要一个点击弹窗外关闭弹窗的点击事件； - box-shadow 模糊值太大，影响范围都到隔壁元素身上了，但边缘的的阴影又会被.apps-box 切掉，这是楼上觉得乱的一个重要原因。 - 弹窗关闭按钮的悬停动画触发范围比显示的要小上一圈。 一些兼容性问题： - 火狐的 .apps-box 滚动条问题，改 scroll 为 auto 就好了； - Safari 的经典 100vh 问题。 |
|
10
crazyweeds OP @LavaC 非常感谢花费时间帮忙找问题和提出建议，周末我尽量调整下看看效果。
|
|
11
crazyweeds OP @lineezhang8848 非常感谢建议，周末我调整下看看效果。
|
|
12
crazyweeds OP @nlls1990 我算是极简爱好者，所以多级分组算是我在其他地方暂时没看到的功能吧。你说这个，UI 不太合胃口。
|
 |
13
liuidetmks 2023-01-06 12:58:33 +08:00
火狐 页面有个白条
|
 |
14
ccizm 2023-01-06 12:59:39 +08:00
分辨率 1600x900 ，缩放 100%，用户协议弹窗木有关闭按钮，超出了
|
 |
15
wuzhanggui 2023-01-06 15:15:13 +08:00
换友链？ https://search.dumogu.top/
backdrop-filter 这个 css 很消耗性能，感觉卡卡的 |
 |
16
zzl22100048 2023-01-06 15:51:30 +08:00
文件夹 点击事件 给错范围了，点击边缘不会展开；
展开收起可以给一个动画过度一下 |
|
17
LavaC 2023-01-06 17:55:40 +08:00
@LavaC 这里补充一个因为这个网站发现的火狐的 bug ，https://codepen.io/lavacxx/pen/GRBNyBw
|
 |
18
Josue 2023-01-06 18:31:05 +08:00
好看是好看，就是不直观
|
 |
19
he2020 2023-01-06 18:43:24 +08:00
|
|
20
crazyweeds OP @ccizm 好的，我看看怎么修复一波，CSS 弱鸡瑟瑟发抖中。
|
|
21
crazyweeds OP @wuzhanggui 可以啊，怎么个流程。。
性能消耗还好，我之前调研的时候，发现某插件用 Chrome 的任务管理器得知，CPU 长期消耗 20%，有点无语。我这个特意看了下，不做操作的前提下，CPU 0.5%，内存 100MB 多点。 |
|
22
crazyweeds OP @Josue 说的是颜色吗？设计这块暂时这样吧，目前先把功能做好，能长期稳定跑，我就非常知足了。
|
 |
23
ellermister 2023-01-06 20:48:34 +08:00
你这 UI 简单好看啊，回头我要抄一抄。😀
|
|
24
crazyweeds OP @ellermister 欢迎欢迎，这样世界上就又多了一个我喜欢的网站了。😄
|
 |
25
AlfredNing 2023-01-08 15:41:49 +08:00
react 感觉前期学习曲线比较陡峭
|
|
26
crazyweeds OP @AlfredNing 这个就不知道了，没学过 vue 。别人说后端适合学 react ，然后我就上了。同时，当时调研拖拽，vue 下面没找到太适合的。
碎碎念，感觉国内的话，如果不是专业前端，vue 应该比较好。react 的选型对比真的好痛苦，状态管理就好多。 |
|
27
wuzhanggui 2023-01-09 13:33:47 +08:00
@crazyweeds 我先加上了，你随便放就行 https://search.dumogu.top/about
|
|
28
wuzhanggui 2023-01-09 13:34:45 +08:00
@he2020 没呢😃
|
|
29
crazyweeds OP @wuzhanggui 已放，请查收。
|
 |
30
ainon 2023-01-10 14:15:16 +08:00
很棒
|
|
31
crazyweeds OP @mihuan12 感谢认可，可惜太忙，没空修复 V 友提出的 BUG 。
|
 |
32
channg 2023-01-11 00:32:42 +08:00
挺好的，就是每次都请求接口打开太慢了，如果能做成 chrome 插件的形式，数据存在 chrome 用户缓存里就好了
|
|
33
crazyweeds OP @channg 魔法网络下，速度还行。主要是考虑到成本，想着长期养着吧。我试试看能不能打包成本地应用。
|
Select Language