• 请不要在回答技术问题时复制粘贴 AI 生成的内容
aivier
V2EX  ›  程序员

已挂勿念...公司的前端和设计是这样写代码的...

  •  8
     
  •   aivier · Jan 13, 2016 · 16141 views
    This topic created in 3949 days ago, the information mentioned may be changed or developed.

    截图

    没有力气多说了 - - , 欢迎大家围观截图...

    公司的其他前端说不知道什么是 less ,说 less 用起来麻烦、 CSS 写一行最好看,多行太丑...
    于是每次改其他人的代码都会累到想死的心都有了...还被人吐槽慢 T_T

    换成.NET 或是 JS 的写法,上面的相当于:

    System.FileSystem.Files.Directory.SmallAction.Rename.WithoutExtensionName.DoThisAction("FileName");


    this.document.elements.block.actions.readAction.getElementById('foobar').attribute('foo')

    120 replies  •  2016-01-20 18:38:15 +08:00
    1  2  
    ❮ ❯
    Mcatt
    Mcatt
    Jan 13, 2016
    1
    我天。。。
    zhpech
    zhpech
    Jan 13, 2016❤️2
    2
    自带的压缩技能牛逼……他们怎么改代码的
    jjplay
    jjplay
    Jan 13, 2016
    3
    我已窒息
    Pastsong
    Pastsong
    Jan 13, 2016 via iPad
    4
    他们写 JS 是不是自带混淆的
    yrdr
    yrdr
    Jan 13, 2016
    5
    我也喜欢一行,也懒得用 less 、 sass ,不过这一行太长了
    doublleft
    doublleft
    Jan 13, 2016
    6
    看起来复用性这一技能掌握的很好啊哈哈哈哈哈哈哈哈哈
    aivier
    aivier
    OP
    Jan 13, 2016
    7
    @zhpech 就这样改的...对于他们的查找和理解技能只能膜拜了

    @Pastsong 还好还好,各种缺分号,缩进和变量名莫名其妙而已

    @yrdr 结构复杂,又想不出那么多类名的话,感觉用 less 写起来很方便,也容易理解

    @doublleft 满屏都是“复用”...
    zhpech
    zhpech
    Jan 13, 2016
    8
    @aivier 我也觉得 Less/Scss 的结构清晰,而且功能也强大,除非超小型的东西,否则找不出不用的理由=_=我只能说,他们的人脑格式处理能力太强了,佩服。
    cpylua
    cpylua
    Jan 13, 2016 via iPhone
    9
    我就见过公司以前的外包写这样的代码,当时就被雷到了
    nealfeng
    nealfeng
    Jan 13, 2016❤️1
    10
    自带保护自己饭碗功能,好评....
    boro
    boro
    Jan 13, 2016 via iPhone
    11
    这不是手写,一次性导出?
    aitaii
    aitaii
    Jan 13, 2016
    12
    @nealfeng 精辟 哈哈
    kisnows
    kisnows
    Jan 13, 2016
    13
    强大。
    只能说强大。
    aivier
    aivier
    OP
    Jan 13, 2016
    14
    @boro 亲眼所见...手写的...
    learnshare
    learnshare
    Jan 13, 2016
    15
    要尊重人家的技术修养
    NemoAlex
    NemoAlex
    Jan 13, 2016
    16
    刚想说这么写其实问题不大,结构还是挺清晰的。
    突然看到选择器里有逗号...
    有逗号!
    有逗号!

    崩溃了
    zeuss
    zeuss
    Jan 13, 2016
    17
    @zhpech 自带压缩技能 - -
    hahasong
    hahasong
    Jan 13, 2016
    18
    大神换工作了?
    think2011
    think2011
    Jan 13, 2016
    19
    肯定用的是超长超宽超长超宽的显示器!!
    itommy
    itommy
    Jan 13, 2016
    20
    "自带的压缩技能" 戳中笑点 @zhpech
    atan
    atan
    Jan 13, 2016
    21
    太牛了,居然一屏看不到大括号
    gongpeione
    gongpeione
    Jan 13, 2016
    22
    我天。。。。一定是用的超宽的显示器!
    tangbao
    tangbao
    Jan 13, 2016
    23
    我上学期有个老师也是这么写的- -
    viko16
    viko16
    Jan 13, 2016
    24
    自带命名空间
    subpo
    subpo
    Jan 13, 2016
    25
    @NemoAlex 有逗号咋了...
    loading
    loading
    Jan 13, 2016 via Android
    26
    选择器用得不错…这是浏览器复制过来的吧…
    xbb7766
    xbb7766
    Jan 13, 2016
    27
    眼花了………………
    自带代码加扰防盗版
    aidevs
    aidevs
    Jan 13, 2016
    28
    visual studio

    ctrl+k+d 自动格式化代码 ,推荐使用
    sneezry
    sneezry
    Jan 13, 2016
    29
    我在想,如果你们前端知道 css 的 selector 是从右向左匹配的,可能就不会这么搞了吧~这不仅是要累死开发者,同时也要累死浏览器啊~
    zhouyg
    zhouyg
    Jan 13, 2016
    30
    你们的设计也很牛掰啊
    jarlyyn
    jarlyyn
    Jan 13, 2016
    31
    看下来也就逗号没有换行啊……
    Tink
    Tink
    Jan 13, 2016 via iPhone
    32
    天才
    itbeihe
    itbeihe
    Jan 13, 2016
    33
    我天,我相信他们给你的代码一定是格式化后的,这种选择器长度如果是 less 或 sass 生成的我还相信,手写的话,太疯狂了。
    MiguelValentine
    MiguelValentine
    Jan 13, 2016
    34
    自带混淆+ 1 哈哈哈哈
    ooTwToo
    ooTwToo
    Jan 13, 2016
    35
    6666
    Niphor
    Niphor
    Jan 13, 2016
    36
    之前公司的也这么写

    已经固化,你没法改变(除非你是上司,人家又不想走)
    xuhaoyangx
    xuhaoyangx
    Jan 13, 2016
    37
    因为很多学校是这么教的。
    从来不会换行

    也遇到这种人,每次看他们的 css 我都得自己来吃手动格式化
    songpengf117
    songpengf117
    Jan 13, 2016
    38
    貌似淘宝店铺的样式代码
    daysv
    daysv
    Jan 13, 2016
    39
    人肉压缩机
    flyshu
    flyshu
    Jan 13, 2016
    40
    微微一笑,我这儿的 css 是这样的
    item1{width:100%}
    item2{width:50%}
    ....
    item10{width:10%}
    cst4you
    cst4you
    Jan 13, 2016
    41
    都是被 Discuz 带坏的.
    yhxx
    yhxx
    Jan 13, 2016
    42
    这应该不是他们手写的吧。。。
    感觉是编译之后的啊
    yimity
    yimity
    Jan 13, 2016
    43
    这应该是 Dreamweaver 生成的,然后他们改改吧?或者是以前用 DW 习惯了。
    pangnate
    pangnate
    Jan 13, 2016
    44
    逗号没什么,格式化一下其实也还好。话说回来为什么需要你来改前端的 css 文件?
    LEFT
    LEFT
    Jan 13, 2016
    45
    @yrdr 长因为这命名有先天优势呀
    yongd
    yongd
    Jan 13, 2016
    46
    这个是淘宝和天猫店铺搜索列表模块的样式代码,是编译后的,但也不排除你们的前端直接把代码搬过来进行二次开发的。
    adoyle
    adoyle
    Jan 13, 2016
    47
    目测是生成好的,然后接手的人不知道源文件的存在,直接在编译后的 .css 继续改下去的...
    不得不说,耐心真好。
    lwbjing
    lwbjing
    Jan 13, 2016
    48
    哦,我的天。。。
    ZHenJ
    ZHenJ
    Jan 13, 2016
    49
    看到我左眼和有眼都分开不同方向了
    yzlren
    yzlren
    Jan 13, 2016
    50
    他的勇气来自哪里
    n6DD1A640
    n6DD1A640
    Jan 13, 2016
    51
    自带 gzip 。。。
    s0f
    s0f
    Jan 13, 2016
    52
    我擦。。
    zonghua
    zonghua
    Jan 13, 2016
    53
    这技能不错
    Andy1999
    Andy1999
    Jan 13, 2016 via iPhone
    54
    dw 生成的吧
    Chrome 有插件可以格式化 CSS JS
    tobeyouth
    tobeyouth
    Jan 13, 2016
    55
    跟我刚毕业时第一家公司的风格很像...
    nijux
    nijux
    Jan 13, 2016
    56
    mufeng
    mufeng
    Jan 13, 2016
    57
    牛
    nanguo
    nanguo
    Jan 13, 2016
    58
    生成后改的吧,不过看的习惯就没啥了,各有各习惯,不过还是要往 less 这方面发展的
    LioMore
    LioMore
    Jan 13, 2016
    59
    这看感觉就是在看家谱,伦理关系写得一清二楚,并没什么卵用
    LINAICAI
    LINAICAI
    Jan 13, 2016
    60
    卧槽,你确定这不是压缩的?
    allce231
    allce231
    Jan 13, 2016
    61
    @NemoAlex 有逗号不是很正常 ?
    aivier
    aivier
    OP
    Jan 13, 2016
    62
    @dbfox 在用 WebStorm

    @itbeihe 如楼上所说,从 F12 复制,然后剩下的手动在编辑器里复制

    @songpengf117 是淘宝模板

    @yhxx 亲眼所见是手写...

    @yimity 他们说....多行的写法是给初学者看的→_→当时就凌乱了

    @pangnate 我也是前端...

    @yongd 是设计直接从浏览器里复制粘贴写了一半的让我继续写

    @adoyle 浏览器里复制的

    @Andy1999 浏览器复制的, WS 也可以,但是改起来还是很麻烦
    aivier
    aivier
    OP
    Jan 13, 2016
    63
    @nanguo 写的人不知道这东西是自动生成的

    @yongd 直接新建的是空的,然后...设计和另一个前端直接在浏览器里复制,越改越乱,然后就扔给我了...

    @flyshu 下班之前临时加了个任务,说是急,我就是这么写的→_→
    evakiss
    evakiss
    Jan 13, 2016
    64
    浏览器 css 解析器三条黑线
    ivenlee
    ivenlee
    Jan 13, 2016❤️2
    65
    怪不得屏幕越做越宽啦。
    如果是为了节约字节的话,请告诉她们有压缩工具。
    如果这是性取向问题,那么就随便吧。毕竟这只是不同的取向问题。
    jarlyyn
    jarlyyn
    Jan 13, 2016
    66
    @aivier

    替换,把','替换为 ',\r\n'不久好了
    aivier
    aivier
    OP
    Jan 13, 2016
    67
    @ivenlee 是“他们”,我们公司还是妹子写的代码好看...

    @jarlyyn 选择器太复杂,冲突太多,改起来心塞
    jarlyyn
    jarlyyn
    Jan 13, 2016
    68
    @aivier

    选择器肯定是越长越容易改好不……

    不行么就 chrome 审查元素直接改。
    aivier
    aivier
    OP
    Jan 13, 2016
    69
    @jarlyyn
    拿到手的时候会惊喜的发现好多重复的,语法错误,甚至手动修改后选择器把某个地方的样式应用到全局
    tcdw
    tcdw
    Jan 13, 2016 via Android
    70
    我猜是人家看到别人的网站有这种风格的代码
    认为这本来就是这样写出来的
    而不是机器处理的
    theJian
    theJian
    Jan 13, 2016
    71
    来来来,和我司前端 PK 一下
    cdxem713
    cdxem713
    Jan 13, 2016 via iPhone
    72
    和我一起的前端就是这种奇葩,然后我就不让他写 css 了
    kn007
    kn007
    Jan 13, 2016
    73
    亏写得出来。。。
    nareix
    nareix
    Jan 13, 2016
    74
    给他们安利下 stylus ,保证用一次就不想再这样写了
    ljy2010a
    ljy2010a
    Jan 13, 2016
    75
    好像格式化一下
    ilaipi
    ilaipi
    Jan 13, 2016
    76
    @dbfox 卧槽,这快捷键要两只手一起按??
    Jaylee
    Jaylee
    Jan 13, 2016
    77
    这个代码看着像是 scss 编译后生成的。
    wy315700
    wy315700
    Jan 13, 2016
    78
    为了 KPI ,,,
    msg7086
    msg7086
    Jan 13, 2016
    79
    @ilaipi 可以 (Ctrl-K)(Ctrl-D) 的吧。
    rupert
    rupert
    Jan 13, 2016 via iPhone
    80
    Less 还没出来之前我也这么干过
    wbsdty331
    wbsdty331
    Jan 13, 2016
    81
    自带压缩卧槽
    jydeng
    jydeng
    Jan 13, 2016
    82
    @ilaipi 你可以按着 ctrl ,然后 k => d ,即可。
    loddit
    loddit
    Jan 13, 2016
    83
    好奇这么多的嵌套, CSS 是什么性能
    Khlieb
    Khlieb
    Jan 13, 2016
    84
    维护起来肯定是个大麻烦,估计到后面敷衍了事的就多起来了。
    murusu
    murusu
    Jan 13, 2016
    85
    你司的前端脑力太吊了 233
    TTry
    TTry
    Jan 14, 2016
    86
    这个选择器的长度和格式应该是 sass 生成出来的代码吧...
    maplerecall
    maplerecall
    Jan 14, 2016
    87
    可以考虑撕逼…或者选择跳槽……

    或者选一段用 less 重构然后把清晰简单的代码甩他们一脸…
    fuermosi777
    fuermosi777
    Jan 14, 2016
    88
    自带压缩机 啊哈哈哈哈。。。
    drvtwo
    drvtwo
    Jan 14, 2016
    89
    @zhpech 哈哈哈,自带压缩
    louk78
    louk78
    Jan 14, 2016
    90
    自带压缩技能
    warDoggie
    warDoggie
    Jan 14, 2016
    91
    已收藏图片 准备发同事,作为学习楷模。
    MrEggNoodle
    MrEggNoodle
    Jan 14, 2016
    92
    - =你确定这真是手写的???
    thinkmore
    thinkmore
    Jan 14, 2016
    93
    好好珍惜它,从这段代码中可以看出来人家的查找,复用等各方面做的是极好的
    kvwror
    kvwror
    Jan 14, 2016
    94
    ZeoKarl
    ZeoKarl
    Jan 14, 2016
    95
    贵公司的人大脑自带格式化工具.😂
    weiwei202
    weiwei202
    Jan 14, 2016
    96
    卧槽。。
    20015jjw
    20015jjw
    Jan 14, 2016
    97
    实力铁饭碗
    aivier
    aivier
    OP
    Jan 14, 2016
    98
    @kvwror WebStorm 也能格式化...只是改起来麻烦,外加本身一堆重复
    @MrEggNoodle 确实是手写...
    @maplerecall 已经在重构了,不然要累死的结构
    @TTry 没用过 sass ,只用过 less ,这个是他们从浏览器里复制的,也有一部分是手写的
    @murusu 我也是前端,然而没这么...我还是去用 less 好了...
    @tcdw 似乎非常正确
    paxster
    paxster
    Jan 14, 2016
    99
    表示还是用很原始的写法,偶尔用用 SASS ,我只能说这哥们的写法以及 CSS 的命名和权重啥的写的太乱。。。。
    world
    world
    Jan 14, 2016
    100
    我有强迫症,改代码的时候如果是一行的,一定会先分行再改,看到这样的代码有一种想打人的冲动
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1307 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 186ms · UTC 21:21 · PVG 05:21 · LAX 13:21 · JFK 16:21
    ♥ Do have faith in what you're doing.