写了一个理想中的网站 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
crazyweeds
V2EX    分享创造

写了一个理想中的网站

  •  
  •   crazyweeds 2023-01-06 00:13:48+08:00 4498 次点击
    这是一个创建于 1009 天前的主题,其中的信息可能已经有所发展或是发生改变。
    做了后端好多年,一直想写一个自己的网站,奈何不会 CSS ,也不会前端,这是理由吗?不想学才是理由。

    所以我学了下,从开始学习前端,到网站上线耗费 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:严格意义算不上特性,只是个人喜好的一种表现吧。我比较喜欢极简风格,不喜欢复杂。比我优秀的同类很多很多,但是满足我整体审美的确实不多。
    33 条回复    2023-01-11 18:53:45 +08:00
    crazyweeds
        2
    crazyweeds  
    OP
       2023-01-06 00:34:19 +08:00
    @coolair 确实不少,但不太喜欢自动排序,看个人喜好吧。
    gowl
        3
    gowl  
       2023-01-06 01:12:51 +08:00
    好看~
    Kenny
        4
    Kenny  
       2023-01-06 01:42:45 +08:00
    挺好的。
    webs
        5
    webs  
       2023-01-06 08:25:15 +08:00
    不错,好看实用
    nlls1990
        6
    nlls1990  
       2023-01-06 09:16:41 +08:00
    挺不错,没发现亮点在哪里?
    我在用 start.me ,谷歌插件自动保存网页标签到首页,可以考虑做个本地化的
    registerrr
        7
    registerrr  
       2023-01-06 09:51:50 +08:00
    不错的,在我的审美点上
    lineezhang8848
        8
    lineezhang8848  
       2023-01-06 10:41:26 +08:00
    感觉弹出框和后面的背景没有区分开,给人一种很说不出的乱的感觉,当然了,那个 ui 配色方面确实不错,像苹果的桌面
    LavaC
        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 问题。
    crazyweeds
        10
    crazyweeds  
    OP
       2023-01-06 12:12:49 +08:00
    @LavaC 非常感谢花费时间帮忙找问题和提出建议,周末我尽量调整下看看效果。
    crazyweeds
        11
    crazyweeds  
    OP
       2023-01-06 12:14:02 +08:00
    @lineezhang8848 非常感谢建议,周末我调整下看看效果。
    crazyweeds
        12
    crazyweeds  
    OP
       2023-01-06 12:16:43 +08:00
    @nlls1990 我算是极简爱好者,所以多级分组算是我在其他地方暂时没看到的功能吧。你说这个,UI 不太合胃口。
    liuidetmks
        13
    liuidetmks  
       2023-01-06 12:58:33 +08:00
    火狐 页面有个白条
    ccizm
        14
    ccizm  
       2023-01-06 12:59:39 +08:00
    分辨率 1600x900 ,缩放 100%,用户协议弹窗木有关闭按钮,超出了
    wuzhanggui
        15
    wuzhanggui  
       2023-01-06 15:15:13 +08:00
    换友链? https://search.dumogu.top/
    backdrop-filter 这个 css 很消耗性能,感觉卡卡的
    zzl22100048
        16
    zzl22100048  
       2023-01-06 15:51:30 +08:00
    文件夹 点击事件 给错范围了,点击边缘不会展开;
    展开收起可以给一个动画过度一下
    LavaC
        17
    LavaC  
       2023-01-06 17:55:40 +08:00
    @LavaC 这里补充一个因为这个网站发现的火狐的 bug ,https://codepen.io/lavacxx/pen/GRBNyBw
    Josue
        18
    Josue  
       2023-01-06 18:31:05 +08:00
    好看是好看,就是不直观
    he2020
        19
    he2020  
       2023-01-06 18:43:24 +08:00
    crazyweeds
        20
    crazyweeds  
    OP
       2023-01-06 19:15:29 +08:00
    @ccizm 好的,我看看怎么修复一波,CSS 弱鸡瑟瑟发抖中。
    crazyweeds
        21
    crazyweeds  
    OP
       2023-01-06 19:20:07 +08:00
    @wuzhanggui 可以啊,怎么个流程。。

    性能消耗还好,我之前调研的时候,发现某插件用 Chrome 的任务管理器得知,CPU 长期消耗 20%,有点无语。我这个特意看了下,不做操作的前提下,CPU 0.5%,内存 100MB 多点。
    crazyweeds
        22
    crazyweeds  
    OP
       2023-01-06 19:21:13 +08:00
    @Josue 说的是颜色吗?设计这块暂时这样吧,目前先把功能做好,能长期稳定跑,我就非常知足了。
    ellermister
        23
    ellermister  
       2023-01-06 20:48:34 +08:00
    你这 UI 简单好看啊,回头我要抄一抄。
    crazyweeds
        24
    crazyweeds  
    OP
       2023-01-06 21:13:19 +08:00
    @ellermister 欢迎欢迎,这样世界上就又多了一个我喜欢的网站了。
    AlfredNing
        25
    AlfredNing  
       2023-01-08 15:41:49 +08:00
    react 感觉前期学习曲线比较陡峭
    crazyweeds
        26
    crazyweeds  
    OP
       2023-01-08 16:06:50 +08:00
    @AlfredNing 这个就不知道了,没学过 vue 。别人说后端适合学 react ,然后我就上了。同时,当时调研拖拽,vue 下面没找到太适合的。
    碎碎念,感觉国内的话,如果不是专业前端,vue 应该比较好。react 的选型对比真的好痛苦,状态管理就好多。
    wuzhanggui
        27
    wuzhanggui  
       2023-01-09 13:33:47 +08:00
    @crazyweeds 我先加上了,你随便放就行 https://search.dumogu.top/about
    wuzhanggui
        28
    wuzhanggui  
       2023-01-09 13:34:45 +08:00
    @he2020 没呢
    crazyweeds
        29
    crazyweeds  
    OP
       2023-01-09 22:32:13 +08:00
    @wuzhanggui 已放,请查收。
    ainon
        30
    ainon  
       2023-01-10 14:15:16 +08:00
    很棒
    crazyweeds
        31
    crazyweeds  
    OP
       2023-01-10 20:48:54 +08:00
    @mihuan12 感谢认可,可惜太忙,没空修复 V 友提出的 BUG 。
    usdc
        32
    usdc  
       2023-01-11 00:32:42 +08:00
    挺好的,就是每次都请求接口打开太慢了,如果能做成 chrome 插件的形式,数据存在 chrome 用户缓存里就好了
    crazyweeds
        33
    crazyweeds  
    OP
       2023-01-11 18:53:45 +08:00
    @channg 魔法网络下,速度还行。主要是考虑到成本,想着长期养着吧。我试试看能不能打包成本地应用。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5436 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 60ms UTC 09:10 PVG 17:10 LAX 02:10 JFK 05:10
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86