Patrick6
V2EX  ›  Vue.js

前端萌新想问一下,我看公司单个 vue 页面超过了一万行代码,这是什么概念?

  •  
  •   Patrick6 ·
    patrick12138 · Apr 12, 2024 · 26094 views
    This topic created in 936 days ago, the information mentioned may be changed or developed.
    Supplement 1  ·  Apr 12, 2024
    还有它注释掉的代码比写的还要多
    状态管理 vuex 都不用,等等
    Supplement 2  ·  Apr 12, 2024
    就在刚刚,新来的前端跟我说他要跑路了,我不会还要面对这个代码直到下一个前端来吧😄
    157 replies  •  2024-04-16 17:29:44 +08:00
    1  2  
    ❮ ❯
    hefish
    hefish
    Apr 12, 2024
    1
    别说 1 万行,2 万行又怎样? 又不是不能跑。。。
    VVVYGD
    VVVYGD
    Apr 12, 2024❤️8
    2
    @hefish 是的,程序跟人只要一个能跑就行
    Hopetree
    Hopetree
    Apr 12, 2024❤️1
    3
    又不是一个函数一万行,不要慌。。。
    cvooc
    cvooc
    Apr 12, 2024
    4
    屎山 跑啊
    QTMrk9fHFk8sFyi3
    QTMrk9fHFk8sFyi3
    Apr 12, 2024
    5
    有啥概念? 新手开发吗? 那你后面会有更多的见识
    feiwu1203
    feiwu1203
    Apr 12, 2024
    6
    后端的我想笑
    cheese
    cheese
    Apr 12, 2024❤️18
    7
    刚打开以为是我公司,想了想,最近没有新招人
    test4zhou
    test4zhou
    Apr 12, 2024
    8
    纯垃圾,我接手维护过这样的页面,全都是写轮眼。很多能单独抽取出来的工具函数都写在一个文件里
    LandCruiser
    LandCruiser
    Apr 12, 2024
    9
    哈哈哈,意味着启动项目要很久,而且会经常内存溢出。
    不过能混饭吃,哪怕 10 万行也无所谓,估工时你多估就行了,想跳槽就看面试题。
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    10
    @uudaoshi 不是,我是后端的,我只是稍微接手写一下而已
    chenliangngng
    chenliangngng
    Apr 12, 2024
    11
    见怪不怪?
    duanxianze
    duanxianze
    Apr 12, 2024
    12
    管他呢 能跑就行
    wu67
    wu67
    Apr 12, 2024
    13
    能跑就慢慢重构呗.

    我之前改过一个 4 千多行接近 5 千的, 也是头疼. 不过他没有格式化代码的, 一大坨一行飘过那种, 格式化一下估计有 7 到 8 千.

    另一个极端是那种疯狂拆分文件的, 明明一个文件写个 4 到 5 百行不过分, 偏要拆成 7 个, 从十几行到一百来行不等, 整个项目都是这种模式, 调试和改需求的时候痛苦的要死, 疯狂跳来跳去点点点...
    crocoBaby
    crocoBaby
    Apr 12, 2024
    14
    单文件大于 1000 行都是屎山,除非页面交互逻辑真的很复杂
    Perry
    Perry
    Apr 12, 2024 via iPhone
    15
    这是垃圾管理环境下程序员自保行为,要不是屎山做完他可以直接被裁换大学生维护了。
    leroy20317
    leroy20317
    Apr 12, 2024
    16
    把回车空格去掉就没一万行啦🙃
    ZGame
    ZGame
    Apr 12, 2024
    17
    意大利面条代码可读性其实还好, 主要是丑,和改的时候可能需要改的地方比较多
    BeiChuanAlex
    BeiChuanAlex
    Apr 12, 2024❤️1
    18
    按照过去的以及前辈们的经验,这种代码最好不要想着重构它!!!!!
    sloknyyz
    sloknyyz
    Apr 12, 2024
    19
    太正常了,程序员要学会在屎山上拉屎,这是基本功。
    shunia
    shunia
    Apr 12, 2024
    20
    什么概念?之前经手的开发人员都非常的稳重!
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    21
    @Perry 笑死,我就是类似那个大学生维护,我还是后端
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    22
    @wu67 我不会重构,毕竟我只是短暂接手,但原来这种事情这么常见那我就放心了😂
    Aruok
    Aruok
    Apr 12, 2024
    23
    这时候就体现出你的重要性了, 直接重构了...
    felixlong
    felixlong
    Apr 12, 2024
    24
    @Patrick6 上一个是被裁了?自保没成功?
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    25
    @felixlong 被逼退了,每个星期给一大堆需求强制加班
    hellodigua
    hellodigua
    Apr 12, 2024
    26
    说明你要是搞懂,并且维护的只有你一个人能搞懂,你就是公司不可或缺的一员了[doge]
    bugmaker1024
    bugmaker1024
    Apr 12, 2024
    27
    又不是不能跑.jpg
    94
    94
    Apr 12, 2024❤️2
    28
    之前在张鑫旭那边看到的 😆

    kidult
    kidult
    Apr 12, 2024
    30
    几万行的 jsp 也不是不能跑,easy~
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    31
    @ZGame 不止呀,它注释掉的代码比能用的还要多,折磨
    dapaoge
    dapaoge
    Apr 12, 2024
    32
    能跑就行啊, 这不工作量不就来啦.
    wgbx
    wgbx
    Apr 12, 2024
    33
    这种代码需要先运行一下 npx eslint **/*.vue --fix 净化一下
    adimn
    adimn
    Apr 12, 2024
    34
    还好是前端。400 多行的 sql 呢
    sunwang
    sunwang
    Apr 12, 2024
    35
    最开始学习编程,觉得一个文件写 1w 行很 nb ,现在来看大概率是屎山
    Patrick6
    Patrick6
    OP
    Apr 12, 2024
    36
    @wgbx #33 谢邀,并没有 eslint 这种东西
    justfindu
    justfindu
    Apr 12, 2024
    37
    万一注释掉的以后还要用呢 别管他了 加入他
    Patrick6
    Patrick6
    OP
    Apr 12, 2024
    38
    @justfindu #37 是的,我保留了注释的代码,这样才能让后面的人知道这个页面有多厉害
    facebook47
    facebook47
    Apr 12, 2024 via Android
    39
    @wu67 估计是 Java 程序猿写的😂😂😂
    unco020511
    unco020511
    Apr 12, 2024
    40
    业务只要能跑起来就行,1 万行又怎样?
    lawsiki
    lawsiki
    Apr 12, 2024
    41
    我们前端的有一个 vue 文件 2.2w 行
    blur1119
    blur1119
    Apr 12, 2024
    42
    屎山概念,我也只维护过 5000 行 react 代码,你这比我还夸张。逻辑最好你一点都别动
    cwliang
    cwliang
    Apr 12, 2024
    43
    传说中的防御型编程?
    rabt
    rabt
    Apr 12, 2024❤️5
    44
    注释多,有一种可能,说明需求改来改去的,反复无常留着备用
    xwwsxp
    xwwsxp
    Apr 12, 2024
    45
    这个没办法,Vue 2.x 就因为这样的原因,尤 才力推组合式 API 的。
    datadump
    datadump
    PRO
    Apr 12, 2024
    46
    想学习下大师的防御型编程
    cirzear
    cirzear
    Apr 12, 2024
    47
    随随便便几千行
    MaxJin
    MaxJin
    Apr 12, 2024
    48
    小问题,项目催的紧,你封装组件又要花更长时间,一直催一直加,最开始是没时间拆分,到后面自己也不想动了。
    tomatocici2333
    tomatocici2333
    Apr 12, 2024
    49
    = = 业务赚不赚钱才是王道,不赚钱你写得再好也没用
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    50
    @lawsiki 还有高手?
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    51
    @MaxJin 说的有道理,我感觉是这样的
    ColdBird
    ColdBird
    Apr 12, 2024
    52
    我的评价是一坨狗屎,前面说封装组件要花更长时间。。。。。。。。。。。
    难道你都写在一起能省时间吗。。。。。。。。。。。。。。。。。
    maplelin
    maplelin
    Apr 12, 2024
    53
    又不是不能用.jpg
    cherishwinner334
    cherishwinner334
    Apr 12, 2024
    54
    @facebook47 过分了啊
    Patrick6
    Patrick6
    OP
    Apr 12, 2024
    55
    @ColdBird #52 这个也是,我加功能加的我头皮发麻,我很害怕下手,毕竟我只是临时前端
    wweerrgtc
    wweerrgtc
    Apr 12, 2024
    56
    等什么时候 GPT 可以一次输入输出 1 万行, 就可以拯救这些项目了
    wweerrgtc
    wweerrgtc
    Apr 12, 2024
    57
    我这也有 1 万多行的项目, 时不时再加点代码, 优化一下
    Jinnrry
    Jinnrry
    Apr 12, 2024❤️3
    58
    你这算啥,1 万多行的 SQL 见过吗
    LavaC
    LavaC
    Apr 12, 2024
    59
    不知道是不是业务不够复杂,我写出来的 vue 文件普遍在 500 行以内,极端情况也就 1000 左右,写这么多行,对滚轮都是种折磨。
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    60
    @LavaC 我想念我的无极滚轮了😭
    tonytonychopper
    tonytonychopper
    Apr 12, 2024
    61
    业务在快速迭代,并且不重视代码质量的情况下,多少行都正常
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    62
    @Jinnrry 😰
    mljpre
    mljpre
    Apr 12, 2024
    63
    一万多行的 vuex 我见过
    LieEar
    LieEar
    Apr 12, 2024❤️1
    64
    我觉得这些都还好,最难以接受的是没有文档,需要自己从头看一遍代码...
    wusheng0
    wusheng0
    Apr 12, 2024 via Android
    65
    超过 500 行就会感觉不太合适,
    超过 1000 行就有点痛苦(来回滚动,或者开两个窗口)
    LavaC
    LavaC
    Apr 12, 2024
    66
    @Patrick6 #60 真,无极滚轮是我写代码后用过最好的鼠标功能,而且还是得 master 上那种自动变模式的,g 系列那种单独按钮切换的还不行。
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    67
    @LieEar 是的,你怎么知道我就是没文档没注释,硬写呢😄
    hauibojek
    hauibojek
    Apr 12, 2024
    68
    感觉业务代码超过 1000 行就够恶心了 这一万的不敢想。
    zmqking
    zmqking
    Apr 12, 2024
    69
    @Jinnrry #58 这个维护起来简直是灾难
    kujio
    kujio
    Apr 12, 2024
    70
    @ma836323493 之前写过好多条超过一千行的 SQL 语句,是单条的 SQL 语句,
    clue
    clue
    Apr 12, 2024
    71
    这不把代码屠一遍?
    要是以后还要自己改, 就趁早边做需求边重构, 要不然最后这一坨还是自己吃
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    72
    @clue 这倒不用,我只需要给回新来的前端就行了,后面我可不敢再碰了
    chenjunyue520
    chenjunyue520
    Apr 12, 2024
    73
    @LieEar 有文档,但文档是旧的,
    lihexinkai
    lihexinkai
    Apr 12, 2024
    74
    这个 vscode 打开会很卡吧
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    75
    @lihexinkai 我用的 webstorm ,还好卡倒不卡,我只能说确实能跑
    aliyun2017
    aliyun2017
    Apr 12, 2024
    76
    都是项目逐渐缩减人力,维护者也可能经历了 N 多,最保险的方案就是在这里继续堆积,抽离封装再细致再合理也只是在项目初建团队,一个项目最初有 10 人,到中期 5 个人,到最后维护可能就 1 个人,所以有需求就赶快整完交货; vuex 不用它能正常交互能跑 说明这页面也用不上这玩意,不是用了就很厉害,有些是为了用而用,为了偷懒 简单的子父组件都能给它上了;
    ytmsdy
    ytmsdy
    Apr 12, 2024❤️1
    77
    大惊小怪,我 TMD 还见过一个 2000 多行的存储过程呢!
    单单把里面的逻辑理清楚,我都快花了一个礼拜,然后用了快两个礼拜的时间改那玩意儿,一个礼拜的时间测试。
    月底写工作总结的时候,就一句,这个月改了一个存储过程。
    Jinnrry
    Jinnrry
    Apr 12, 2024
    78
    @zmqking #69 维护就直接把以前的一万行代码当成子查询,继续加 join ,分分钟又多千八百行
    UN2758
    UN2758
    Apr 12, 2024
    79
    1w3 行的 py 代码见过没,我见过
    lategege
    lategege
    Apr 12, 2024
    80
    防御性编程- -!建议再加上一万行~
    beginor
    beginor
    Apr 12, 2024
    81
    @Jinnrry 我也在这样的公司带过, 很多业务写在 sql 中, 存储过程都有几千行上万行,甚至还在 sql 中调用 xml/json/com , 想想就酸爽。
    x86
    x86
    Apr 12, 2024
    82
    主动防御型编程
    xsonglive491
    xsonglive491
    Apr 12, 2024
    83
    每个组件都很相似但是又各种不同,倒是想封装
    roundgis
    roundgis
    Apr 12, 2024 via Android
    84
    @Hopetree 以前維護過一個系統 一個函數 9000 多行
    sivl6p
    sivl6p
    Apr 12, 2024❤️1
    85
    程序员三境界
    害怕屎山,初级工程师
    理解屎山,中级工程师
    成为屎山,高级工程师
    LightofHeven
    LightofHeven
    Apr 12, 2024
    86
    13 年 java 工程打包报错了 提示 一个类超过 65535 行
    simo
    simo
    Apr 12, 2024
    87
    挺好的,一个人不可或缺有时候是因为无意识的代码混淆。
    前段时间,一个老同事说,负责的大项目刚做完上线,公司要裁他了。公司动脉 p 事没有,他反正要吐血了
    Xu3Xan89YsA7oP64
    Xu3Xan89YsA7oP64
    Apr 12, 2024
    88
    丢给 gpt 重构啊
    IvanLi127
    IvanLi127
    Apr 12, 2024
    89
    或许是人员流动性大的体现?
    freezebreze
    freezebreze
    Apr 12, 2024
    90
    以后简历 项目亮点可以写上 拆分了单个 1 万行的组件,优化 XXX ,复用 XXXX 提升 XXX /写上 但是你不要真做 哈哈
    devzhaoyou
    devzhaoyou
    Apr 12, 2024
    91
    @leroy20317 好家伙,空格去掉还能跑么
    19cm
    19cm
    Apr 12, 2024
    92
    @shizhibuyu2023 你可以试试,按我的测试,gpt 最多一次弄 300 行
    yzlren
    yzlren
    Apr 12, 2024
    93
    @xwwsxp 有没有想过一个问题,组合式 api 也是可以不用的,不会写代码的人推组合式 api 也是白推
    TomCN
    TomCN
    Apr 12, 2024
    94
    我自己写代码几乎不会有文件代码上千行,包括注释。

    之前我接手过一些代码,单个文件 4000 多行,其中一半多是从来没调用过的方法,完全可以删除的。

    其实这种情况非常正常,大部分人接手别人的代码,都不会去大改甚至不怎么改,然后要实现新的功能就必定只增不减了。
    winglight2016
    winglight2016
    Apr 12, 2024
    95
    @Jinnrry #58 MySQL 不支持这么长的 sql 吧?
    liyer
    liyer
    Apr 12, 2024
    96
    1 万行代码和 1 万个.vue ,选哪个?
    Patrick6
    Patrick6
    OP
    Apr 12, 2024 via Android
    97
    @liyer 我选择跑路之前多加几千行注释了的代码
    zeroDev
    zeroDev
    Apr 12, 2024
    98
    @Patrick6 #10 那说明你们专业的前端已经跑了
    jones2000
    jones2000
    Apr 12, 2024
    99
    @crocoBaby 我一个 js 文件都能有几万行。
    xwwsxp
    xwwsxp
    Apr 12, 2024
    100
    @jones2000 前端不是 tree shaking 吗?所以,拆分小文件不是基操吗?
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1385 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 163ms · UTC 19:35 · PVG 03:35 · LAX 11:35 · JFK 14:35
    ♥ Do have faith in what you're doing.