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

[Patrick6]

还有它注释掉的代码比写的还要多
状态管理 vuex 都不用，等等

就在刚刚，新来的前端跟我说他要跑路了，我不会还要面对这个代码直到下一个前端来吧😄

[hefish]

别说 1 万行，2 万行又怎样？ 又不是不能跑。。。

[VVVYGD]

@hefish 是的，程序跟人只要一个能跑就行

[Hopetree]

又不是一个函数一万行，不要慌。。。

[retrocode]

屎山 跑啊

[uudaoshi]

有啥概念？ 新手开发吗？ 那你后面会有更多的见识

[feiwu1203]

后端的我想笑

[cheese]

刚打开以为是我公司，想了想，最近没有新招人

[test4zhou]

纯垃圾，我接手维护过这样的页面，全都是写轮眼。很多能单独抽取出来的工具函数都写在一个文件里

[LandCruiser]

哈哈哈，意味着启动项目要很久，而且会经常内存溢出。
不过能混饭吃，哪怕 10 万行也无所谓，估工时你多估就行了，想跳槽就看面试题。

[Patrick6]

@uudaoshi 不是，我是后端的，我只是稍微接手写一下而已

[chenliangngng]

见怪不怪？

[duanxianze]

管他呢 能跑就行

[wu67]

能跑就慢慢重构呗.

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

另一个极端是那种疯狂拆分文件的, 明明一个文件写个 4 到 5 百行不过分, 偏要拆成 7 个, 从十几行到一百来行不等, 整个项目都是这种模式, 调试和改需求的时候痛苦的要死, 疯狂跳来跳去点点点...

[crocoBaby]

单文件大于 1000 行都是屎山,除非页面交互逻辑真的很复杂

[Perry]

这是垃圾管理环境下程序员自保行为，要不是屎山做完他可以直接被裁换大学生维护了。

[leroy20317]

把回车空格去掉就没一万行啦🙃

[ZGame]

意大利面条代码可读性其实还好, 主要是丑，和改的时候可能需要改的地方比较多

[BeiChuanAlex]

按照过去的以及前辈们的经验，这种代码最好不要想着重构它！！！！！

[sloknyyz]

太正常了，程序员要学会在屎山上拉屎，这是基本功。

[shunia]

什么概念？之前经手的开发人员都非常的稳重！

[Patrick6]

@Perry 笑死，我就是类似那个大学生维护，我还是后端

[Patrick6]

@wu67 我不会重构，毕竟我只是短暂接手，但原来这种事情这么常见那我就放心了😂

[Aruok]

这时候就体现出你的重要性了, 直接重构了...

[felixlong]

@Patrick6 上一个是被裁了？自保没成功？

[Patrick6]

@felixlong 被逼退了，每个星期给一大堆需求强制加班

[hellodigua]

说明你要是搞懂，并且维护的只有你一个人能搞懂，你就是公司不可或缺的一员了[doge]

[bugmaker1024]

又不是不能跑.jpg

[dfkjgklfdjg]

之前在张鑫旭那边看到的 😆

[dfkjgklfdjg]

@dfkjgklfdjg #28 ，https://weibo.com/1263362863/4839373453136883

[kidult]

几万行的 jsp 也不是不能跑，easy~

[Patrick6]

@ZGame 不止呀，它注释掉的代码比能用的还要多，折磨

[dapaoge]

能跑就行啊, 这不工作量不就来啦.

[wgbx]

这种代码需要先运行一下 npx eslint **/*.vue --fix 净化一下

[ma836323493]

还好是前端。400 多行的 sql 呢

[sunwang]

最开始学习编程，觉得一个文件写 1w 行很 nb ，现在来看大概率是屎山

[Patrick6]

@wgbx #33 谢邀，并没有 eslint 这种东西

[justfindu]

万一注释掉的以后还要用呢 别管他了 加入他

[Patrick6]

@justfindu #37 是的，我保留了注释的代码，这样才能让后面的人知道这个页面有多厉害

[facebook47]

@wu67 估计是 Java 程序猿写的😂😂😂

[unco020511]

业务只要能跑起来就行,1 万行又怎样?

[lawsiki]

我们前端的有一个 vue 文件 2.2w 行

[blur1119]

屎山概念，我也只维护过 5000 行 react 代码，你这比我还夸张。逻辑最好你一点都别动

[cwliang]

传说中的防御型编程？

[rabt]

注释多，有一种可能，说明需求改来改去的，反复无常留着备用

[xwwsxp]

这个没办法，Vue 2.x 就因为这样的原因，尤 才力推组合式 API 的。

[wjx0912]

想学习下大师的防御型编程

[cirzear]

随随便便几千行

[MaxJin]

小问题，项目催的紧，你封装组件又要花更长时间，一直催一直加，最开始是没时间拆分，到后面自己也不想动了。

[tomatocici2333]

= = 业务赚不赚钱才是王道，不赚钱你写得再好也没用

[Patrick6]

@lawsiki 还有高手？

[Patrick6]

@MaxJin 说的有道理，我感觉是这样的

[ColdBird]

我的评价是一坨狗屎，前面说封装组件要花更长时间。。。。。。。。。。。
难道你都写在一起能省时间吗。。。。。。。。。。。。。。。。。

[maplelin]

又不是不能用.jpg

[cherishwinner334]

@facebook47 过分了啊

[Patrick6]

@ColdBird #52 这个也是，我加功能加的我头皮发麻，我很害怕下手，毕竟我只是临时前端

[wweerrgtc]

等什么时候 GPT 可以一次输入输出 1 万行, 就可以拯救这些项目了

[wweerrgtc]

我这也有 1 万多行的项目, 时不时再加点代码, 优化一下

[Jinnrry]

你这算啥，1 万多行的 SQL 见过吗

[LavaC]

不知道是不是业务不够复杂，我写出来的 vue 文件普遍在 500 行以内，极端情况也就 1000 左右，写这么多行，对滚轮都是种折磨。

[Patrick6]

@LavaC 我想念我的无极滚轮了😭

[tonytonychopper]

业务在快速迭代，并且不重视代码质量的情况下，多少行都正常

[Patrick6]

@Jinnrry 😰

[mljpre]

一万多行的 vuex 我见过

[LieEar]

我觉得这些都还好，最难以接受的是没有文档，需要自己从头看一遍代码...

[wusheng0]

超过 500 行就会感觉不太合适，
超过 1000 行就有点痛苦（来回滚动，或者开两个窗口）

[LavaC]

@Patrick6 #60 真，无极滚轮是我写代码后用过最好的鼠标功能，而且还是得 master 上那种自动变模式的，g 系列那种单独按钮切换的还不行。

[Patrick6]

@LieEar 是的，你怎么知道我就是没文档没注释，硬写呢😄

[hauibojek]

感觉业务代码超过 1000 行就够恶心了 这一万的不敢想。

[zmqking]

@Jinnrry #58 这个维护起来简直是灾难

[kujio]

@ma836323493 之前写过好多条超过一千行的 SQL 语句,是单条的 SQL 语句,

[clue]

这不把代码屠一遍?
要是以后还要自己改, 就趁早边做需求边重构, 要不然最后这一坨还是自己吃

[Patrick6]

@clue 这倒不用，我只需要给回新来的前端就行了，后面我可不敢再碰了

[chenjunyue520]

@LieEar 有文档，但文档是旧的，

[lihexinkai]

这个 vscode 打开会很卡吧

[Patrick6]

@lihexinkai 我用的 webstorm ，还好卡倒不卡，我只能说确实能跑

[aliyun2017]

都是项目逐渐缩减人力，维护者也可能经历了 N 多，最保险的方案就是在这里继续堆积，抽离封装再细致再合理也只是在项目初建团队，一个项目最初有 10 人，到中期 5 个人，到最后维护可能就 1 个人，所以有需求就赶快整完交货； vuex 不用它能正常交互能跑 说明这页面也用不上这玩意，不是用了就很厉害，有些是为了用而用，为了偷懒 简单的子父组件都能给它上了；

[ytmsdy]

大惊小怪，我 TMD 还见过一个 2000 多行的存储过程呢！
单单把里面的逻辑理清楚，我都快花了一个礼拜，然后用了快两个礼拜的时间改那玩意儿，一个礼拜的时间测试。
月底写工作总结的时候，就一句，这个月改了一个存储过程。

[Jinnrry]

@zmqking #69 维护就直接把以前的一万行代码当成子查询，继续加 join ，分分钟又多千八百行

[UN2758]

1w3 行的 py 代码见过没，我见过

[lategege]

防御性编程- -！建议再加上一万行~

[beginor]

@Jinnrry 我也在这样的公司带过， 很多业务写在 sql 中， 存储过程都有几千行上万行，甚至还在 sql 中调用 xml/json/com ， 想想就酸爽。

[x86]

主动防御型编程

[xsonglive491]

每个组件都很相似但是又各种不同,倒是想封装

[roundgis]

@Hopetree 以前維護過一個系統 一個函數 9000 多行

[5sheep]

程序员三境界
害怕屎山，初级工程师
理解屎山，中级工程师
成为屎山，高级工程师

[LightofHeven]

13 年 java 工程打包报错了 提示 一个类超过 65535 行

[simo]

挺好的，一个人不可或缺有时候是因为无意识的代码混淆。
前段时间，一个老同事说，负责的大项目刚做完上线，公司要裁他了。公司动脉 p 事没有，他反正要吐血了

[Xu3Xan89YsA7oP64]

丢给 gpt 重构啊

[IvanLi127]

或许是人员流动性大的体现？

[freezebreze]

以后简历 项目亮点可以写上 拆分了单个 1 万行的组件，优化 XXX ，复用 XXXX 提升 XXX /写上 但是你不要真做 哈哈

[devzhaoyou]

@leroy20317 好家伙，空格去掉还能跑么

[tianzi123]

@shizhibuyu2023 你可以试试,按我的测试,gpt 最多一次弄 300 行

[yzlren]

@xwwsxp 有没有想过一个问题，组合式 api 也是可以不用的，不会写代码的人推组合式 api 也是白推

[TomCN]

我自己写代码几乎不会有文件代码上千行，包括注释。

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

其实这种情况非常正常，大部分人接手别人的代码，都不会去大改甚至不怎么改，然后要实现新的功能就必定只增不减了。

[winglight2016]

@Jinnrry #58 MySQL 不支持这么长的 sql 吧？

[liyer]

1 万行代码和 1 万个.vue ，选哪个？

[Patrick6]

@liyer 我选择跑路之前多加几千行注释了的代码

[zeroDev]

@Patrick6 #10 那说明你们专业的前端已经跑了

[jones2000]

@crocoBaby 我一个 js 文件都能有几万行。

[xwwsxp]

@jones2000 前端不是 tree shaking 吗？所以，拆分小文件不是基操吗？