已经一年多没写文章了。今天给大家介绍一个断断续续花了半年时间开发的CSS项目：Fower。什么是功率？Fower是一个样式工具库，可让您高效地开发UI。目标是让编写CSS不再痛苦。Fower的核心特性是Atomic/utility-first、TypeSafe和CSSinJS。非常注重开发体验，让您快速愉快的开发界面。Fower是框架无关的，你可以在React、Vue、Reactnative、小程序等任何JavaScript项目中使用它。项目背景一年前，我的团队同时开发Web、Reactnative和小程序项目时间。在这三类项目中，我们使用不同的样式方案：在Web项目中，我们使用Styed-component；在Reactnative项目中，我们使用Reactnative自带的StyleSheet.create；在小程序项目中，我们使用Taro开发，风格方案为Sass；三种风格的写法不同，这让我们在写风格的时候特别痛苦：开发体验差，开发同样的界面，却需要不同的写法，需要不断切换习惯和思维工具chain太宽太复杂，Styled-component、Sass、StyleSheet.create……开发效率低，重复代码多。第一）CSS框架，在我的推动下，我们团队开始在Web项目中使用Tailwindcss。使用一段时间后，我们发现开发体验非常好，开发效率也非常高，特别适合像我们这样需要高度定制化界面的项目。遗憾的是，Tailwindcss不能直接用于Reactnative、小程序等非Web项目。我们团队的成员喜欢Tailwindcss风格。所以我创建了Fower，希望统一所有项目写样式的方式。和Tailwindcss类似，我们也使用了utility-first的概念，但是和Fower有点不同。Fower使用Atomic风格的道具来编写风格。代码如下：
