小程序开发有用的库 - css 篇

今天是1024，单身的程序猿都过节去了，姐还在公司加班，赶紧写一篇技术文章压压惊。

最近开发小程序，老板基本每周一个新的小程序开发需求。但是每一个的完成度都只能算app的原型阶段，面对这种无理的市场需求，姐只能祭出前端时代的工具库来写代码了。

其实大部分前端代码在小程序里面是可以直接使用的。比如很多css库直接修改后缀就能使用。

第一个推荐当然官方出品的weui

github地址： https://github.com/Tencent/weui-wxss
推荐理由： weui虽丑但有用

丰富的组件， 没有js依赖，全部基于小程序内置组件定义的css来制作页面。有了weui基本不需要考虑其他ui库了， 有其他组件需要就自己写吧！

第二个推荐是 Basscss

github地址： https://github.com/basscss/basscss/
推荐理由：为了不再写内联css
css写法存在两种极端，要么每个标签都定义一个类，要么每个标签都写内联css
无论哪一种都试过， 哪一种不爽。
使用basscss的秘诀是把设计师先干掉 ， 这样就可以只使用低级的类来定义界面了。
比如：

<view class="h1">i'm f1</view>
<view class="bolder">nidaye</view>
<view class="border bg-blue white">modal</view>

有了basscss， 就不再需要为了定义一个字体大小，或者定义一下边距而写一个类了， 毕竟起名是编程最难的事情。

最后一个是 colors

github地址：https://github.com/mrmrs/colors
推荐理由：把颜色定义集中到一个地方
绿有千万种，为了确保不要被设计师的绿搞到，最好只在一个地方定义它。其实colors是basscss的一个补充
colors的源代码很简单

.bg-blue { background-color: #0074D9; }
.blue {color: #0074D9;}
.border-blue { border-color: #0074D9; }

css的颜色定义常用就这三种， 每一种定义17个颜色。一共定义出51个类，需要的时候使用就好。

使用以上的css类库还有几个有用的js库。 半天时间把一个相册小程序开发出来了。赶紧扫码体验一把吧！

js姐妹篇将在近期发布，敬请期待。