美文网首页
踩坑笔记:css类是分开写还是整体写

踩坑笔记:css类是分开写还是整体写

作者: 我很惊讶 | 来源:发表于2021-03-11 22:18 被阅读0次

    今天工作算是踩了个不大不小的坑,重写了一些样式类,然后把类名复制进HTML标签类,再把多个页面重复的类名提出公共样式表,把冲突的类名修改掉。而操蛋的是,这些重复性的工作很多时候我不能用ctrl+f来解决。

    这问题来源于我之前开发前端页面的一个习惯——把常用属性单一话,提出公共样式类,以便下次不用重写代码,只需要简单的组合类名就可以了,与各种ui库的思路一致。比如flex布局。我把常用的对齐方式都提了出来,以便随意替换。还有常用颜色。

    这样的写法在面对拥有设计图出快速原型的时候非常好用,代码量减少很多。但是面对无原型图的业务系统时就非常难受,因为没有原型图,写出来的东西都是目测的,这就导致后期可能有很多需要改的地方,因此问题就来了,一个简单的表单,我仅仅是为了调整label和input的对齐方式,我就需要不停的复制粘贴类名,而因为我用了同样的类名,我没法全选替换。。。。

    这是一个教训,以后在需要快速开发原型的,且有设计图,1:1复刻的时候,再按照样式属性分类。而在开发业务系统的时候,尽量把一整个业务看成一个类。并尽早把公共样是提出,以提高测试阶段反复修改代码的效率

    相关文章

      网友评论

          本文标题:踩坑笔记:css类是分开写还是整体写

          本文链接:https://www.haomeiwen.com/subject/zftaqltx.html