今天工作算是踩了个不大不小的坑，重写了一些样式类，然后把类名复制进HTML标签类，再把多个页面重复的类名提出公共样式表，把冲突的类名修改掉。而操蛋的是，这些重复性的工作很多时候我不能用ctrl+f来解决。
这问题来源于我之前开发前端页面的一个习惯——把常用属性单一话，提出公共样式类，以便下次不用重写代码，只需要简单的组合类名就可以了，与各种ui库的思路一致。比如flex布局。我把常用的对齐方式都提了出来，以便随意替换。还有常用颜色。
这样的写法在面对拥有设计图出快速原型的时候非常好用，代码量减少很多。但是面对无原型图的业务系统时就非常难受，因为没有原型图，写出来的东西都是目测的，这就导致后期可能有很多需要改的地方，因此问题就来了，一个简单的表单，我仅仅是为了调整label和input的对齐方式，我就需要不停的复制粘贴类名，而因为我用了同样的类名，我没法全选替换。。。。
这是一个教训，以后在需要快速开发原型的，且有设计图，1:1复刻的时候，再按照样式属性分类。而在开发业务系统的时候，尽量把一整个业务看成一个类。并尽早把公共样是提出，以提高测试阶段反复修改代码的效率
今天工作算是踩了个不大不小的坑，重写了一些样式类，然后把类名复制进HTML标签类，再把多个页面重复的类名提出公共样...
h5和css的学习到这里就告一段落了，基本上是从踩坑，脱坑，再踩坑，再脱坑……这样的过程过来的。写一点自己的经验，...
续上篇写的，踩坑，cocoaPods ---- framework not found Pods之后 ，又踩坑了。...
MediaPlayer 其实MediaPlayer这个类的应用非常简单，但是踩过的坑，不写不行啊。 这里是记载的是...
本节预告 Tkinter学习笔记及踩坑指南 Tkinter为Python自带的一个写UI的库，据说比较好用，可以写...
居中 1. 文字居中 水平居中: text-align: center 垂直居中: vertical-align:...
整体的SQL学习笔记，之后再分开来详细写。 查询 SELECT Select查询某些属性列的语法 Select查询...
PS：看了别人写的文章博客，感觉踩了很多坑，自己写一遍整理下踩过的坑。 1.安装adb 通过homebrew安装 ...
在segmentfault写的笔记归总能力太差了，以后写笔记还是跑来简书记录一下算了。 we known：CSS有...
序(为啥踩坑) 因为写笔记，又想在markdown里直接用plantuml来画图了。 之前都是用idea等支持pl...
本文标题：踩坑笔记:css类是分开写还是整体写
本文链接：https://www.haomeiwen.com/subject/zftaqltx.html
网友评论