最近遇到一种情况,就是移动端嵌入式网页制作,环境内基本的动效(或者说JavaScript插件)已经有了。框架虽好,但好像在这里大材小用,思来想去,我认为这种嵌入式网页只需要一点简单的CSS样式即可,就算需要JavaScript也是极少的,也就是说我只需要一个移动端纯UI框架。
于是我搜啊搜,筛啊筛,连PC端带移动端都简单对比了下,一天过去了,成果如下:
分 类 | 例 子 |
CSS | Pure/Bulma |
CSS+JS封装 | layui |
CSS+Zepto库+Zepto封装 | frozen.js |
CSS+jQuery库+jQuery封装 | Bootstrap/Materialize |
CSS+Vue框架+Vue封装 | BootstrapVue/Vuetify/Muse-UI/View UI/Plain UI |
几点体会如下:
- MUI包括css与js,界面iOS,深度绑定HBuilderX与APP
- WeUI与FrozenUI的图标:WeUI自带简单图标,FrozenUI图标靠iconfont
- WeUIJS与FrozenJS的JS:WeUIJS封装了JS,FrozenJS依赖zepto.js
- Bootstrap系:Bootstrap(jQuery)/BootstrapVue(Vue)
- Material Design系:materialize(jQuery)/Muse-UI(Vue)
由于对React不感冒,所以全部无视[闭嘴]。
Mobi.css与Bulma我都挺喜欢,尤其令我欣喜的他俩的命名默认没有前缀。我最后选择了Mobi.css,原因是Mobi.css就是专注移动端的,毕竟文件体积也要考虑的。WeUI一来没有找到好的文档,二来我为什么要设计自己的APP界面与微信或QQ一致?
本文暂时没有评论,来添加一个吧(●'◡'●)