作为一个工作多年的前端,开发的工作中,大概有一半的时间在写样式,通过总结,得出前端写CSS分为以下几个层次:
第一层
使用Element UI、Ant design 这样的组件库,通过添加各种组件,然后增加一些布局代码,一个界面就写好了。
耗费时间:一颗星
第二层
设计师对组件库里面的组件,增加了一些个性化的设计,比如:线条加粗,字体增大等,这个时候,你只需要通过样式覆盖,或者深度选择器的方式,覆盖原有的组件就行。
耗费时间:五颗星
第三层
由于设计师绞尽脑汁,点灯熬夜设计除了一个无与伦比,炫酷美丽的组件,常用库里面没有这个组件,然后你搜遍全网,也没有发现相似的组件,此时就只能通过利用你那稀薄的CSS、数学知识来自己实现了。
耗费时间:七到十颗星。
结语
由于我们日常工作中,基本都是在第一层中完成,导致大部分人员都会忽视CSS的工作量。但是一个稍微有想法的设计师,都会想要设计一个与众不同的产品,这个时候CSS的工作量大概率会超过JS的工作量,各位程序员,在进行工时评估的时候,万万不可掉以轻心,否则就是挖个大坑埋自己!