移动端常用的四个框架

Posted 2023-05-15

参考技术A 1：weUI

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

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

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

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

官方网址： http://frozenui.github.io/
http://frozenui.github.io/components.html#poptips

优缺点：
基础样式效果简单色调清爽

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

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

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

4：SUI Mobile

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

官方网站 http://m.sui.taobao.org/getting-started/

优缺点：
兼容性好，能兼到 iOS 6.0+ 和 Android 4.0+
风格：炫酷的iOS风格功能强大的组件轻量的UI库，开始使用，只需要几个简单的步骤

缺点：sui mobile会和jquery冲突:后期维护/编写都很麻烦，开发人员以及离职，大半年都没有维护了

Github： https://github.com/sdc-alibaba/SUI-Mobile
Demo： http://m.sui.taobao.org/demos/
专注于开发的： http://framework7.taobao.org/

几款实用的VUE移动端UI框架

参考技术A 文档地址：https://doc.vux.li/zh-CN/

演示地址：https://vux.li/demos/v2/?x-page=v2-doc-home#/

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式（下拉刷新上拉加载组件不再维护，其余组件相对丰富）

文档地址：https://wangdahoo.github.io/vonic-documents/#/

演示地址：https://wangdahoo.github.io/vonic/docs/#/home

 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约

文档地址：https://didi.github.io/cube-ui/#/zh-CN/docs/introduction

演示地址：https://didi.github.io/cube-ui/#/zh-CN/example

滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库；组件效果优；视觉效果很棒

文档地址：http://mint-ui.github.io/docs/#/

演示地址：http://elemefe.github.io/mint-ui/#/

最接近原生APP体验的高性能前端框架

文档地址：https://youzan.github.io/vant/#/zh-CN/intro

演示地址：https://youzan.github.io/vant/mobile.html#/zh-CN/

有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件

文档：http://nutui.jd.com/#/intro

演示地址：http://nutui.jd.com/demo.html#/index

一套京东风格的轻量级移动端Vue组件库

特性

跨平台，自动转微信小程序组件（稍后上线，敬请期待）

30+ 京东移动端项目正在使用

基于京东APP 7.0 视觉规范

支持按需加载

详尽的文档和示例

支持定制主题

支持多语言（国际化）

支持 TypeScript

支持服务端渲染（Vue SSR）

单元测试加持

配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程