我觉得我是得了写 CSS 障碍综合症了

2019-06-26 16:14:09 +08:00
 tilv37
我是一个后端码农。
有时候偶尔也得写前端代码,js 不算,一遇到 css 就全身无力,头昏脑涨。

我这是生病了吗?🐶
11716 次点击
所在节点    程序员
116 条回复
MonoLogueChi
2019-06-27 00:28:40 +08:00
我是游戏开发兼职客户端的,昨天老板让我写邮件模板,还原海报,写到吐血
dartabe
2019-06-27 00:53:02 +08:00
自从有了 flex 简单非常多了啊
JCZ2MkKb5S8ZX9pq
2019-06-27 01:08:16 +08:00
觉得 css 还挺有趣的飘过~~
redbuck
2019-06-27 08:16:00 +08:00
@liyang5945 bem 不就是解决命名难题的吗
redbuck
2019-06-27 08:18:33 +08:00
@shintendo 你的 zindex 还好吗?😂
darknoll
2019-06-27 08:50:56 +08:00
我是一个混子。
有时候偶尔也得写代码,复制粘贴不算,一遇到要自己写的就全身无力,头昏脑涨。

我这是生病了吗?
koebehshian
2019-06-27 08:52:49 +08:00
css 就是一个配置文件,用来配置大小,颜色,位置。
qqhaodong
2019-06-27 08:54:43 +08:00
我是一个产品。
有时候偶尔也得写前端和后端,原型 不算,一遇到 产品文档 就全身无力,头昏脑涨。

我这是生病了吗?🐶
cnbattle
2019-06-27 09:01:21 +08:00
同感...
zeny620
2019-06-27 09:01:37 +08:00
在自学前端,卡在 css 这了,浮动、bfc、定位、单独用都好,一组合起来就完全不是自己想要样子,头大
lilihangzhou
2019-06-27 09:12:54 +08:00
老前端,经常被各种手机兼容问题整到奔溃,改好这个机型,另一个机型又出问题
StephenHe
2019-06-27 09:18:41 +08:00
@lilihangzhou 是啊,兼容性问题占了三分之一了
yxcoder
2019-06-27 09:30:52 +08:00
感觉就布局会麻烦一点,3 个属性搞清楚就行了 display position float
abcbuzhiming
2019-06-27 09:46:40 +08:00
@Tonni CSS 没有你说的这么简单,这一点,知乎有个帖子
CSS 为什么这么难学( https://www.zhihu.com/question/66167982)
讲的非常详细,CSS 的困难点本质有以下几个方面
*.本质上它最初是作为排版系统研发的(排版系统有多复杂,有兴趣的人可以去研究一下排版系统 TEX,计算机世界上帝高德纳的作品)。而大部分现在人使用 CSS 的实践,其实是把它当做 UI 来使用的。排版系统并不等价于 UI 系统,所以就是用着感觉不对,UI 界的最佳实践 MVVM 模式是微软的 WPF 发明,它的 xaml 标记语言才真的是为 UI 而研发的。后来 web 前端界意识到了这个问题,所以才有诸如 flex 这样的新布局。
*.CSS 非正交,或者说,不显式正交,当你修改了 CSS 的某些参数时,它会影响到其它参数——如果这些参数没有显式的被你定义的话,他们的数值,属性,会发生改变,这就导致经验不足者觉得自己是面对一个巨大的黑箱子——我 tm 明明改的是 A,怎么 B 发生变化了?所以有人说 CSS 是查表,你得背 CSS 的组合
*.调试困难,目前世界最好的 CSS 调试工具 chrome debug,其 CSS 调试功能其实仍然很简陋,你并不能从这个调试器上很直观的看出是哪些因素在影响你的盒子的尺寸和位置。而且最重要的是,因为上面那个非正交的原因,很多时候你的盒子出现问题其实是因为另外一个盒子在十万八千里之外影响的。这就完全靠开发者的个人经验去解决了。这对很多 1 是 1,2 是 2 的后端开发思维来说简直无法接受
coloz
2019-06-27 09:48:21 +08:00
不考虑 IE 就简单......
jsun
2019-06-27 10:08:09 +08:00
网页兼容个 IE6~8 试试?那才是真的头大
alexmao
2019-06-27 10:27:00 +08:00
我以为只有我不喜欢 css
wizardoz
2019-06-27 10:29:09 +08:00
以前看到一个帖子说,后端程序员是学不会 CSS 的
RyougiShiki
2019-06-27 10:42:55 +08:00
统一 73 楼, 3 个属性 display position float 是难点和重点。
RyougiShiki
2019-06-27 10:45:29 +08:00
笔误,“同意”,另外补充 “文档流”,很多网上小例子讲这些属性效果但没说本来的文档流应该是什么样,跟什么做对比。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/577691

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX