写了一个理想中的网站

[crazyweeds]

做了后端好多年，一直想写一个自己的网站，奈何不会 CSS ，也不会前端，这是理由吗？不想学才是理由。

所以我学了下，从开始学习前端，到网站上线耗费 2.5 个月，其实学习耗费了半个月，网站开发用了两月。铺垫这么多就是希望大家海涵，前端小白写出来的，BUG 在所难免（因为用的国外 CDN ，国内访问体验其实不咋地，反而魔法网络状况下体验比较好）。

不算什么创新，烂大街的导航站，优点就是可以无限拓展下去，支持拖拽分组之类的。肯定有同类型，但是同类自动排序让人脑壳疼。

目前链接没有加密，后续会根据精力，把链接加密安排上，我也不想知道大家的平时喜欢访问啥网站。

盒子限制数量目前是 1000 ，应该够用了，至于为什么增加限制，作为程序员的大家都懂，必须搞个兜底策略，万一有人一直创建，那我不是凉凉了？

成本和精力考虑，整套服务都放在国外了（ 2022 年放过一段时间在国内，但是域名不好，cloud 域名，想着还是 com 域名吧）。

奉上截图：

https://imgur.com/a/CLvN43w

网站地址：

https://www.hutubox.com/

最后，欢迎大家注册体验。

首先，非常感谢体验的各位 V 友。有朋友花费自己宝贵时间提交了很好的建议和或者存在的 BUG ，更是感激不尽。
因为还有其他事情以及自己的能力有限，BUG 我就挑我能修复的修复[这里插入一个狗头表情]，前端技术，真的有限，不是什么推诿的话。

有朋友也提交了一下同类网站，申明一下，某些网站我确实借鉴过，但代码是我原创的，一些 CSS 也会去找找有没有别人分享的。所以，我可以说是我原创的。雷同？那就雷同吧，这个真没啥好办法避免。

为什么还要写这个网站呢？无非还是：自己的多好啊。顺便也说下之前我调研过程中，我自己想要，但是没有在别的产品看到的功能（我调研的肯定不全）。

特性 1：多级文件夹拖拽分组，最多应该是支持 10 级嵌套，想必应该是足够了。这功能某些网站有，更多是没有。多级的暂时没发现有支持的。

特性 2：我个人很不喜欢挤压排序，可谓是讨厌吧，找来找去没找到一个能够支持随意拖拽而不挤压排序的，所以我这个是根据坐标排列的，如果注册了也会保存到数据库。当然，太乱了也支持右键快速排序。

特性 3：严格意义算不上特性，只是个人喜好的一种表现吧。我比较喜欢极简风格，不喜欢复杂。比我优秀的同类很多很多，但是满足我整体审美的确实不多。

[coolair]

https://itab.link/
https://gezizm.com/
https://daohang.217fun.com/ https://github.com/dengxiwang/funtabs

[crazyweeds]

@coolair 确实不少，但不太喜欢自动排序，看个人喜好吧。

[gowl]

好看~

[Kenny]

挺好的。

[webs]

不错，好看实用

[nlls1990]

挺不错，没发现亮点在哪里？
我在用 start.me ，谷歌插件自动保存网页标签到首页，可以考虑做个本地化的

[registerrr]

不错的，在我的审美点上

[lineezhang8848]

感觉弹出框和后面的背景没有区分开,给人一种很说不出的乱的感觉,当然了,那个 ui 配色方面确实不错,像苹果的桌面

[LavaC]

一点个人意见：
- 圆角不宜过大，css 的 border-radius 实现的是切线连续圆角，太大了看起来就不太圆滑；
- 默认的背景图太大了，首次进入会有一个很丑的逐行加载效果，可以考虑换小点的图或者一个首次 loading 加载动画？
- 弹窗可能需要一个点击弹窗外关闭弹窗的点击事件；
- box-shadow 模糊值太大，影响范围都到隔壁元素身上了，但边缘的的阴影又会被.apps-box 切掉，这是楼上觉得乱的一个重要原因。
- 弹窗关闭按钮的悬停动画触发范围比显示的要小上一圈。

一些兼容性问题：
- 火狐的 .apps-box 滚动条问题，改 scroll 为 auto 就好了；
- Safari 的经典 100vh 问题。

[crazyweeds]

@LavaC 非常感谢花费时间帮忙找问题和提出建议，周末我尽量调整下看看效果。

[crazyweeds]

@lineezhang8848 非常感谢建议，周末我调整下看看效果。

[crazyweeds]

@nlls1990 我算是极简爱好者，所以多级分组算是我在其他地方暂时没看到的功能吧。你说这个，UI 不太合胃口。

[liuidetmks]

火狐 页面有个白条

[ccizm]

分辨率 1600x900 ，缩放 100%，用户协议弹窗木有关闭按钮，超出了

[wuzhanggui]

换友链？ https://search.dumogu.top/
backdrop-filter 这个 css 很消耗性能，感觉卡卡的

[zzl22100048]

文件夹 点击事件 给错范围了，点击边缘不会展开；
展开收起可以给一个动画过度一下

[LavaC]

@LavaC 这里补充一个因为这个网站发现的火狐的 bug ，https://codepen.io/lavacxx/pen/GRBNyBw

[Josue]

好看是好看，就是不直观

[he2020]

@wuzhanggui 会开源吗？ https://search.dumogu.top/

[crazyweeds]

@ccizm 好的，我看看怎么修复一波，CSS 弱鸡瑟瑟发抖中。

[crazyweeds]

@wuzhanggui 可以啊，怎么个流程。。

性能消耗还好，我之前调研的时候，发现某插件用 Chrome 的任务管理器得知，CPU 长期消耗 20%，有点无语。我这个特意看了下，不做操作的前提下，CPU 0.5%，内存 100MB 多点。

[crazyweeds]

@Josue 说的是颜色吗？设计这块暂时这样吧，目前先把功能做好，能长期稳定跑，我就非常知足了。

[ellermister]

你这 UI 简单好看啊，回头我要抄一抄。😀

[crazyweeds]

@ellermister 欢迎欢迎，这样世界上就又多了一个我喜欢的网站了。😄

[AlfredNing]

react 感觉前期学习曲线比较陡峭

[crazyweeds]

@AlfredNing 这个就不知道了，没学过 vue 。别人说后端适合学 react ，然后我就上了。同时，当时调研拖拽，vue 下面没找到太适合的。
碎碎念，感觉国内的话，如果不是专业前端，vue 应该比较好。react 的选型对比真的好痛苦，状态管理就好多。

[wuzhanggui]

@crazyweeds 我先加上了，你随便放就行 https://search.dumogu.top/about

[wuzhanggui]

@he2020 没呢😃

[crazyweeds]

@wuzhanggui 已放，请查收。

[ainon]

很棒

[crazyweeds]

@mihuan12 感谢认可，可惜太忙，没空修复 V 友提出的 BUG 。

[channg]

挺好的，就是每次都请求接口打开太慢了，如果能做成 chrome 插件的形式，数据存在 chrome 用户缓存里就好了

[crazyweeds]

@channg 魔法网络下，速度还行。主要是考虑到成本，想着长期养着吧。我试试看能不能打包成本地应用。