移动端最常用的四个框架

1:weUI  

官方网址:https://weui.io/

 

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

 

优点:

  1. 做为开发者的我们可以不用写太多css,直接拿过来就可以用。
  2. 组件都有点击态,大大增加了用户的体验好感
  3. 高清屏幕下 border : 0.5

 

 

 

 

 

2:Frozen UI

专注于移动web的UI框架,基于腾讯手机QQ规范... FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库

官方网址:http://frozenui.github.io/

 

http://frozenui.github.io/components.html#poptips

优缺点:

1:基础样式效果简单色调清爽

 

 

3:MUI

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

 

官方网址:http://dev.dcloud.net.cn/mui/

 

 

优缺点:这个框架给我的吸引之处就是它的 UI 是以 IOS 为 主体设计的,当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度但网址上对它的评价是一种深入骨髓的廉价感

 

4:SUI Mobile

介绍 SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,阿里前端团队出品的SUI Mobile的前端UI库,方便迅速搭建手机H5应用,也非常适合开发跨平台Web App

http://m.sui.taobao.org/getting-started/

 

 

 

优缺点:

 

兼容性好,能兼容到 iOS 6.0+ 和 Android 4.0+

风格:炫酷的iOS风格

功能强大的组件

轻量的UI库

开始使用,只需要如下几个简单的步骤,

缺点:1:sui mobile会和jquery冲突:后期维护/编写都很麻烦

2:开发人员以及离职,大半年都没有维护了

Github:https://github.com/sdc-alibaba/SUI-Mobile

Demo:http://m.sui.taobao.org/demos/

专注于开发的:http://framework7.taobao.org/

 

 

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见。

  • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

 

  • 15
    点赞
  • 83
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值