再谈TailwindCSS的使用心得

TailwindCSS上手确实很好用，有点明显，但是坑也挺多的。本来打算使用TailwindCSS制作一个全新的博客主题，但是在实际的使用过程中有一些不爽细节不吐不快。

TailwindCSS在使用中的缺点

1. 响应式布局后，在移动端加载页面如果使用了过渡效果，页面会有过渡的动画闪过，有点不爽。
2. hover:效果，添加修改宽度的w-8值的时候，没有实际的效果，但是修改背景的颜色是可以的，也就是说，hover:可能有一定的限制？并不是所有的效果都可以进行修改。
3. 没有组件，如果单单使用TailwindCSS，所有的组件内容都得自己做，官方的UI组件样式不足，貌似还收费。
4. 和其他的的框架组合使用会出现莫名其妙的坑。
5. 预置的颜色太少了，虽然可以自己编译添加。

这是目前发现的一些TailwindCSS使用中的坑。

TailwindCSS的优点

1. 响应式布局很方便，把所有要用到的css属性都预置了。
2. 对元素进行一些基本的css样式设置非常方便，不用单独在sytle的文件里写代码了。
3. css的过渡和动画可以快速的使用起来。

以上就是昨天使用一天TailwindCSS的心得。