前言
大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心。
写CSS写的真烦!!!
就在昨天,我接到了一个页面需求,大致来说,是一个APP的首页页面,很久没写过CSS的我,心头一喜~嘿嘿,又可以在项目中,肆意发挥我的CSS天赋啦!
大概的页面是这么几个(只是大概哈,公司的设计稿不能外泄)
一开始我写的是炉火纯青,写的是真的顺,但是越写越觉得我的CSS不够用了。。。什么position、flex、background
写的我头皮发麻。
最最最难受的是,那些颜色、高度、长度
,我还得一个一个去复制进项目,真的是写得我越来越烦躁了。。
我有一个想法
其实写了这么些年的CSS,我有一个想法,我们的团队能不能写一个工具呢?这个工具主要是提高我们团队的还原设计稿效率、准确率,我想了一下,这个工具要支持以下几个重要的功能:
- 1、支持设计稿的导入,或者可以直接制作设计稿
- 2、支持设计稿导出成现成的页面代码,最好能做到100%还原
- 3、最好能支持多平台导出代码,比如微信小程序、Uniapp、Vue、React等等
为什么我会有这些想法呢?我来一一解释下:
- **为什么支持设计稿导出或者设计?**因为这样我们团队的设计师才能无缝从其他工具切换到这个工具进来
- **为什么要支持导出成代码?**因为这才是此工具的最大意义,能大大降低前端的写页面的时间,把更多精力放在逻辑层,从而提高整个开发效率
- **为什么最好能100%还原?**这个不用说,准确还原设计稿是每个前端需要做到的事情
- **为什么要支持多平台导出代码?**因为有可能一个产品需要做多个平台,导出多个平台代码,可以真正做到一套样式,多平台使用!