前端美女精品一手代码剖析

15 阅读2分钟

本篇文章仅为记录一下近期开发中遇到的好笑事件,顺带体验一下掘金如何发布文章。

近来我接手了一个美女精品一手项目,看的我的眼前一黑又一黑,奈何位卑言轻,只能默默忍受。
我来给大家展示一番,供各位看官老爷一览。

变量命名

is_ready= accounts == urlAccounts ? "1" : "0"

is_ready是接口返回值,而这里直接被拿来定义。联调的后端同学过来看了一眼也发出疑问:确认XX的标识就这么定义的吗?我:是的,待会我改改
内心想着:我改个锤子,这shit一样的代码谁爱整谁整。大不了我加个备注,事实上备注也没加。

falg = is_ready == "0" ? true : false

falg?这是什么?莫不是flag?看着后面三元最终结果是布尔值,那大概率可能或许估计maybe是flag
好奇的我查了一下falg的是啥意思,还挺贴切我想说的。falg 搜狗翻译解释为: Oh, my god.

还有其他的变量命名有time,tims,timeT,timeTt,src,src1(这俩也是对时间的变量命名),Grid,Second,three,selecttime。。。不胜列举。可能是她忙,我得多理解。
嗯,一定是她忙,忙的人都不在工位半天了。

逻辑判断

fetch() //插入或修改数据
document.querySelector(".xx").style.color="red"
//其他后续执行操作

初见该代码我脑子宕机了,感觉得买点六个核弹补补脑。发送请求不需要判断成功与否的吗?吓得我赶紧查看该页面下所有请求。
呼,果然不出所料,全部都是只有请求,后续判断?去他的吧,毕竟请求发了,成功与否跟我就没关系了。 好好好,看下一个,《Wait Wait Wait》,这只是一个页面,那其他页面呢?
美女人真好,自始至终一如既往,吾辈不如矣~

非空校验

image.png
想必各位看官老爷看到这红色的\color{red}{*}一定晓得是非空,巧了么不是,美女也是这么想的。但是能让我放到这里说的能是一般事儿吗?
这个\color{red}{*}虚有其表,并没有非空校验,你说你这\color{red}{*}咋不就懂得替美女写一下非空判断呢?该打,我在这儿给你变成绿色 \color{green}{*},让你涨涨记性。


美女诸如此类神之代码还有很多,奈何文笔有限,加之下班期限已到。欲要探寻更多美女代码密事,且听我下次分解。