现在单页面应用的开发已经越来越多,要做一款用户体验较好的混合应用,实现快速开发,选择框架尤为重要。本文所分享的均为本人使用过的框架的个人见解,技术有限,轻喷。

其他流行框架未有提及,原因是本人没有用过,不好评价

Framework7

推荐指数:★★★★★

  • 官网:官网
  • 文档:教程
    Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。

优点:这个UI框架实际上做的很精致,大大提升了用户体验。且具备了中文教程
缺点:框架略笨重

weUI

推荐指数:★★★★☆

  • 官网: WeUI
  • Github:GitHub
    WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

优点:做为开发者的我们可以不用写太多css,直接拿过来就可以用。组件都有点击态,大大增加了用户的体验好感。
缺点:单纯的css样式,并没有对应的组件,需要自行封装,除了微信外,其他用处不大。

MUI

推荐指数:★★★☆☆

  • 官网:官网
  • Github:Github
    最接近原生APP体验的高性能前端框架,可多端发布到Appstore、Android市场、浏览器、微信公众号、百度直达号及流应用。

优点:追求原生UI,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件
缺点:更新速度慢,截止目前已有1年未更新

Frozen UI

推荐指数:★★★☆☆

  • 官网:官网
  • Github:Github
    FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。

适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题,并且可以按需选择需要的组件。
使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。
优点:适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。
缺点:多年未更新

SUI

推荐指数: ★☆☆☆☆

官网: http://m.sui.taobao.org/

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
SUI Mobile 非常轻量,核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K,却提供了20+个常用的组件。
对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。
优点:
兼容性好,能兼到 iOS 6.0+ 和 Android 4.0+风格炫酷的iOS风格功能强大的组件轻量的UI库,开始使用,只需要几个简单的步骤
缺点:sui mobile会和jquery冲突:后期维护/编写都很麻烦,开发人员以及离职,已经三年不维护,bug众多,果断放弃。