这是一个创建于 3016 天前的主题，其中的信息可能已经有所发展或是发生改变。
没有力气多说了 - - ， 欢迎大家围观截图...
公司的其他前端说不知道什么是 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')
 |
1
Mcatt 2016-01-13 11:53:23 +08:00
我天。。。
|
 |
2
zhpech 2016-01-13 11:54:52 +08:00  2
自带的压缩技能牛逼……他们怎么改代码的
|
 |
3
jjplay 2016-01-13 11:56:05 +08:00
我已窒息
|
 |
4
Pastsong 2016-01-13 11:56:13 +08:00 via iPad
他们写 JS 是不是自带混淆的
|
 |
5
yrdr 2016-01-13 11:57:41 +08:00
我也喜欢一行，也懒得用 less 、 sass ，不过这一行太长了
|
 |
6
doublleft 2016-01-13 12:00:04 +08:00
看起来复用性这一技能掌握的很好啊哈哈哈哈哈哈哈哈哈
|
 |
7
aivier OP |
|
8
zhpech 2016-01-13 12:06:52 +08:00
@aivier 我也觉得 Less/Scss 的结构清晰，而且功能也强大，除非超小型的东西，否则找不出不用的理由=_=我只能说，他们的人脑格式处理能力太强了，佩服。
|
 |
9
cpylua 2016-01-13 12:09:41 +08:00 via iPhone
我就见过公司以前的外包写这样的代码，当时就被雷到了
|
 |
10
nealfeng 2016-01-13 12:12:22 +08:00 1
自带保护自己饭碗功能，好评....
|
 |
11
boro 2016-01-13 12:14:54 +08:00 via iPhone
这不是手写，一次性导出？
|
 |
13
kisnows 2016-01-13 12:27:33 +08:00
强大。
只能说强大。 |
 |
15
learnshare 2016-01-13 12:29:08 +08:00
要尊重人家的技术修养
|
 |
16
NemoAlex 2016-01-13 12:35:11 +08:00
刚想说这么写其实问题不大，结构还是挺清晰的。
突然看到选择器里有逗号... 有逗号！ 有逗号！ 崩溃了 |
 |
18
hahasong 2016-01-13 12:42:27 +08:00
大神换工作了？
|
 |
19
think2011 2016-01-13 12:43:57 +08:00
肯定用的是超长超宽超长超宽的显示器！！
|
 |
21
atan 2016-01-13 13:06:22 +08:00
太牛了，居然一屏看不到大括号
|
 |
22
gongpeione 2016-01-13 13:21:11 +08:00
我天。。。。一定是用的超宽的显示器！
|
 |
23
tangbao 2016-01-13 13:21:23 +08:00
我上学期有个老师也是这么写的- -
|
 |
24
viko16 2016-01-13 13:23:58 +08:00
自带命名空间
|
 |
26
loading 2016-01-13 13:28:58 +08:00 via Android
选择器用得不错…这是浏览器复制过来的吧…
|
 |
27
xbb7766 2016-01-13 13:32:24 +08:00
眼花了………………
自带代码加扰防盗版 |
 |
28
dbfox 2016-01-13 13:35:09 +08:00
visual studio
ctrl+k+d 自动格式化代码 ，推荐使用 |
 |
29
sneezry 2016-01-13 13:35:46 +08:00
我在想，如果你们前端知道 css 的 selector 是从右向左匹配的，可能就不会这么搞了吧~这不仅是要累死开发者，同时也要累死浏览器啊~
|
 |
30
zhouyg 2016-01-13 13:37:53 +08:00
你们的设计也很牛掰啊
|
 |
31
jarlyyn 2016-01-13 13:42:13 +08:00
看下来也就逗号没有换行啊……
|
 |
32
Tink 2016-01-13 13:45:01 +08:00 via iPhone
天才
|
 |
33
itbeihe 2016-01-13 13:45:18 +08:00
我天，我相信他们给你的代码一定是格式化后的，这种选择器长度如果是 less 或 sass 生成的我还相信，手写的话，太疯狂了。
|
 |
34
MiguelValentine 2016-01-13 13:48:31 +08:00
自带混淆＋ 1 哈哈哈哈
|
 |
35
ooTwToo 2016-01-13 13:55:47 +08:00
6666
|
 |
36
Niphor 2016-01-13 14:05:59 +08:00
之前公司的也这么写
已经固化，你没法改变(除非你是上司，人家又不想走) |
 |
37
xuhaoyangx 2016-01-13 14:10:10 +08:00
因为很多学校是这么教的。
从来不会换行 也遇到这种人，每次看他们的 css 我都得自己来吃手动格式化 |
 |
38
songpengf117 2016-01-13 14:12:34 +08:00
貌似淘宝店铺的样式代码
|
 |
39
daysv 2016-01-13 14:30:33 +08:00
人肉压缩机
|
 |
40
flyshu 2016-01-13 14:46:14 +08:00
微微一笑，我这儿的 css 是这样的
item1{width:100%} item2{width:50%} .... item10{width:10%} |
 |
41
cst4you 2016-01-13 14:49:23 +08:00
都是被 Discuz 带坏的.
|
 |
42
yhxx 2016-01-13 14:53:24 +08:00
这应该不是他们手写的吧。。。
感觉是编译之后的啊 |
 |
43
yimity 2016-01-13 14:59:02 +08:00
这应该是 Dreamweaver 生成的，然后他们改改吧？或者是以前用 DW 习惯了。
|
 |
44
pangnate 2016-01-13 15:35:46 +08:00
逗号没什么，格式化一下其实也还好。话说回来为什么需要你来改前端的 css 文件？
|
 |
46
yongd 2016-01-13 16:19:27 +08:00
这个是淘宝和天猫店铺搜索列表模块的样式代码，是编译后的，但也不排除你们的前端直接把代码搬过来进行二次开发的。
|
 |
47
adoyle 2016-01-13 16:23:07 +08:00
目测是生成好的，然后接手的人不知道源文件的存在，直接在编译后的 .css 继续改下去的...
不得不说，耐心真好。 |
 |
48
lwbjing 2016-01-13 16:27:22 +08:00
哦，我的天。。。
|
 |
49
ZHenJ 2016-01-13 16:58:02 +08:00
看到我左眼和有眼都分开不同方向了
|
 |
50
yzlren 2016-01-13 17:04:12 +08:00
他的勇气来自哪里
|
 |
51
n6DD1A640 2016-01-13 17:06:16 +08:00
自带 gzip 。。。
|
 |
52
s0f 2016-01-13 17:10:56 +08:00
我擦。。
|
 |
53
zonghua 2016-01-13 17:15:07 +08:00
这技能不错
|
 |
54
Andy1999 2016-01-13 17:18:16 +08:00 via iPhone
dw 生成的吧
Chrome 有插件可以格式化 CSS JS |
 |
55
tobeyouth 2016-01-13 17:20:29 +08:00
跟我刚毕业时第一家公司的风格很像...
|
 |
56
nijux 2016-01-13 17:24:29 +08:00
|
 |
57
mufeng 2016-01-13 17:29:05 +08:00
牛
|
 |
58
nanguo 2016-01-13 17:35:43 +08:00
生成后改的吧，不过看的习惯就没啥了，各有各习惯，不过还是要往 less 这方面发展的
|
 |
59
LioMore 2016-01-13 17:46:28 +08:00
这看感觉就是在看家谱，伦理关系写得一清二楚，并没什么卵用
|
 |
60
LINAICAI 2016-01-13 17:56:59 +08:00
卧槽，你确定这不是压缩的？
|
|
62
aivier OP |
|
63
aivier OP |
 |
64
evakiss 2016-01-13 18:07:56 +08:00
浏览器 css 解析器三条黑线
|
 |
65
ivenlee 2016-01-13 18:12:55 +08:00 2
怪不得屏幕越做越宽啦。
如果是为了节约字节的话，请告诉她们有压缩工具。 如果这是性取向问题，那么就随便吧。毕竟这只是不同的取向问题。 |
 |
70
tcdw 2016-01-13 18:31:47 +08:00 via Android
我猜是人家看到别人的网站有这种风格的代码
认为这本来就是这样写出来的 而不是机器处理的 |
 |
71
theJian 2016-01-13 18:40:07 +08:00
来来来，和我司前端 PK 一下
|
 |
72
cdxem713 2016-01-13 18:41:43 +08:00 via iPhone
和我一起的前端就是这种奇葩，然后我就不让他写 css 了
|
 |
73
kn007 2016-01-13 18:45:11 +08:00
亏写得出来。。。
|
 |
74
nareix 2016-01-13 18:45:24 +08:00
给他们安利下 stylus ，保证用一次就不想再这样写了
|
 |
75
ljy2010a 2016-01-13 20:12:45 +08:00
好像格式化一下
|
 |
77
Jaylee 2016-01-13 20:37:43 +08:00
这个代码看着像是 scss 编译后生成的。
|
 |
78
wy315700 2016-01-13 20:39:23 +08:00
为了 KPI ，，，
|
 |
80
rupert 2016-01-13 21:45:22 +08:00 via iPhone
Less 还没出来之前我也这么干过
|
 |
81
wbsdty331 2016-01-13 21:59:23 +08:00
自带压缩卧槽
|
 |
83
loddit 2016-01-13 22:41:43 +08:00
好奇这么多的嵌套， CSS 是什么性能
|
 |
84
Khlieb 2016-01-13 23:05:53 +08:00
维护起来肯定是个大麻烦，估计到后面敷衍了事的就多起来了。
|
 |
85
murusu 2016-01-13 23:17:30 +08:00
你司的前端脑力太吊了 233
|
 |
86
TTry 2016-01-14 01:12:17 +08:00
这个选择器的长度和格式应该是 sass 生成出来的代码吧...
|
 |
87
maplerecall 2016-01-14 01:23:55 +08:00
可以考虑撕逼…或者选择跳槽……
或者选一段用 less 重构然后把清晰简单的代码甩他们一脸… |
 |
88
fuermosi777 2016-01-14 01:52:02 +08:00
自带压缩机 啊哈哈哈哈。。。
|
 |
90
louk78 2016-01-14 08:28:34 +08:00
自带压缩技能
|
 |
91
warDoggie 2016-01-14 09:34:54 +08:00
已收藏图片 准备发同事，作为学习楷模。
|
 |
92
MrEggNoodle 2016-01-14 10:07:28 +08:00
- =你确定这真是手写的？？？
|
 |
93
thinkmore 2016-01-14 10:08:23 +08:00
好好珍惜它，从这段代码中可以看出来人家的查找，复用等各方面做的是极好的
|
 |
94
kvwror 2016-01-14 10:14:55 +08:00
|
 |
95
nieyujiang 2016-01-14 10:18:46 +08:00
贵公司的人大脑自带格式化工具.😂
|
 |
96
weiwei202 2016-01-14 10:20:20 +08:00
卧槽。。
|
 |
97
20015jjw 2016-01-14 10:22:15 +08:00
实力铁饭碗
|
|
98
aivier OP @kvwror WebStorm 也能格式化...只是改起来麻烦，外加本身一堆重复
@MrEggNoodle 确实是手写... @maplerecall 已经在重构了，不然要累死的结构 @TTry 没用过 sass ，只用过 less ，这个是他们从浏览器里复制的，也有一部分是手写的 @murusu 我也是前端，然而没这么...我还是去用 less 好了... @tcdw 似乎非常正确 |
 |
99
paxster 2016-01-14 11:08:39 +08:00
表示还是用很原始的写法，偶尔用用 SASS ，我只能说这哥们的写法以及 CSS 的命名和权重啥的写的太乱。。。。
|
 |
100
world 2016-01-14 11:33:39 +08:00
我有强迫症，改代码的时候如果是一行的，一定会先分行再改，看到这样的代码有一种想打人的冲动
|
Select Language