V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
857681664
V2EX  ›  程序员

人生时光轴(旧人生进度表)上新版本啦

  •  
  •   857681664 ·
    zshnb · 244 天前 · 1973 次点击
    这是一个创建于 244 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先上地址: https://mylives.online

    前景提要

    上次在 v2 分享的人生进度表网页,收到很多人的回复和建议非常开心,由于写的太过仓促,bug 也有点多,被大佬们喷惨了。于是我花了些时间整理大家回复的所有需求,按照优先级排序并实现。并且稍微重构优化了一下代码。下面简单列一下这段时间所实现的功能。如果还有大家想要的功能,欢迎留言。

    1. 暗黑模式,我记得这是上次第一个回复的需求,很惭愧不是专业前端,把这个给忘了
    2. 自定义里程碑,我记得这个是大家伙提的最多的一个需求。新版本已经去掉了最高学历的选项,且默认最高学历是到大学本科。但是所有默认里程碑都是可以修改的,包括颜色,时间段,名称,地点。而且可以任意删除里程碑
    3. 数据存储,目前所有数据均会保存在 localStorage ,也就是说只要你不清除浏览器数据,下次访问会自动加载里程碑信息
    4. 里程碑图片,支持在里程碑修改时上传图片信息,同样图片是保存在 localStorage 里的,考虑到图片肯定是个人隐私,大家伙也不放心上传到个人云端服务器,其次云端服务还涉及到费用的问题,因为目前还是个纯开源免费项目,暂时也没有收费的计划。
    5. 总览时间线,当你选完生日后,在方块左边会出现所有里程碑按照日期从先到后排序的时间线
    6. UI 优化,整体 UI 做了很大更新,包括背景,布局,日期格子等,大家伙体验一下就知道了
    26 条回复    2024-03-21 07:52:56 +08:00
    darklightzz
        1
    darklightzz  
       244 天前
    点开看了看,点击了几下,关掉了
    好多输入框,好多按钮,不知道怎么操作,就关掉了

    可能是我的问题
    JavaGo
        2
    JavaGo  
       244 天前
    页面打不开呀,试了好多次了。
    857681664
        3
    857681664  
    OP
       244 天前
    @darklightzz 其实只有一个添加节点按钮有用,输入框也就一个输入生日的,应该操作没有那么复杂吧
    857681664
        4
    857681664  
    OP
       244 天前
    @JavaGo 诶,是不是网络问题或者 vpn 问题,我是用 vercel 部署的,我这边打开还挺快的
    JavaGo
        5
    JavaGo  
       244 天前
    打开,是网络问题
    hay313955795
        6
    hay313955795  
       244 天前
    十年如一日。好像人生也没有什么值得纪念的节点
    LavaC
        7
    LavaC  
       244 天前
    开启日视图打开 F12 的时候,我感觉我的电脑在呻吟。
    857681664
        8
    857681664  
    OP
       244 天前
    @LavaC 哈哈,我切换到日视图的时候感觉风扇都开始转了,惭愧
    Hyakutake
        9
    Hyakutake  
       244 天前
    优化一下吧,太卡了。
    857681664
        10
    857681664  
    OP
       244 天前
    @waysn39 日视图卡吗,还是整体都卡
    QuincyX
        11
    QuincyX  
       244 天前
    可以试试用 canvas 实现
    daimaosix
        12
    daimaosix  
       244 天前
    啊....原来人生也就两行空白格子
    857681664
        13
    857681664  
    OP
       244 天前
    @QuincyX 是这么想的,就是实现难度有点大,所以暂时搁浅了
    LavaC
        14
    LavaC  
       244 天前
    @857681664 #8 真得考虑下 canvas 了,不然性能消耗太大几乎不可用
    jwen
        15
    jwen  
       244 天前

    点击节点的 X ,后刷新,重复几次就变成了这样子了
    yMYjhe
        16
    yMYjhe  
       244 天前
    只能活 120 啊 = =
    857681664
        17
    857681664  
    OP
       244 天前
    @jwen 裂开,合并代码出 bug 了,感谢大佬指出
    go522000
        18
    go522000  
       244 天前
    界面建议缩小一点,可以下载图片方便分享到朋友圈 。
    857681664
        19
    857681664  
    OP
       244 天前
    @go522000 如果单纯是要分享,个人感觉可以弄成单独分享功能
    LHRUN
        20
    LHRUN  
       244 天前
    看了一下,发现了几个展示优化
    1. 按钮最好加下 hover 效果
    2. 中间的滚动容器最好改下滚动条样式,现在有点丑了
    3. 日期的 placeholder 有点遮挡
    rrfeng
        21
    rrfeng  
       244 天前
    预置节点为啥不让删,hover 还有 x
    vcbal
        22
    vcbal  
       244 天前
    bug:输入框全部删掉后会出现 NaN, 然后无法接着操作
    857681664
        23
    857681664  
    OP
       244 天前
    @LHRUN 感谢建议
    857681664
        24
    857681664  
    OP
       244 天前
    @rrfeng 出了 bug ,我的锅,在修中
    857681664
        25
    857681664  
    OP
       244 天前
    @vcbal 感谢报告
    kenberkeley
        26
    kenberkeley  
       243 天前 via iPhone
    @vcbal 全选 NaN 然后输入数字即可。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3276 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:38 · PVG 20:38 · LAX 04:38 · JFK 07:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.