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

写了一个理想中的网站

  •  
  •   crazyweeds · 2023-01-06 00:13:48 +08:00 · 4042 次点击
    这是一个创建于 687 天前的主题,其中的信息可能已经有所发展或是发生改变。
    做了后端好多年,一直想写一个自己的网站,奈何不会 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 。
    channg
        32
    channg  
       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   ·   实用小工具   ·   2726 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:07 · PVG 23:07 · LAX 07:07 · JFK 10:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.