写了一个理想中的网站

[crazyweeds]

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

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

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

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

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

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

奉上截图：

https://imgur.com/a/CLvN43w

网站地址：

https://www.hutubox.com/

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

[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 弱鸡瑟瑟发抖中。