编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

前端UI框架小结(web前端ui框架有哪些)

wxchong 2024-07-18 09:59:59 开源技术 11 ℃ 0 评论

最近遇到一种情况,就是移动端嵌入式网页制作,环境内基本的动效(或者说JavaScript插件)已经有了。框架虽好,但好像在这里大材小用,思来想去,我认为这种嵌入式网页只需要一点简单的CSS样式即可,就算需要JavaScript也是极少的,也就是说我只需要一个移动端纯UI框架。

于是我搜啊搜,筛啊筛,连PC端带移动端都简单对比了下,一天过去了,成果如下:

分 类

例 子

CSS

Pure/Bulma
WeUI/FrozenUI/
Mobi.css

CSS+JS封装

layui
weui.js/mui/
aui



CSS+Zepto库+Zepto封装

frozen.js

CSS+jQuery库+jQuery封装

Bootstrap/Materialize
jweui.js/ZUI/MZUI



CSS+Vue框架+Vue封装

BootstrapVue/Vuetify/Muse-UI/View UI/Plain UI
Vant

几点体会如下:

  • 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一致?

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表