移动webapp前端ui用哪个框架好？

最新推荐文章于 2025-08-10 13:56:00 发布
原创 最新推荐文章于 2025-08-10 13:56:00 发布 · 1.1w 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文汇总了多位开发者关于WebApp UI框架的选择建议，包括Ionic、React Native、WeUI等多种框架的适用场景及优缺点。
itlr
https://www.linkev.com/?a_aid=itlr
看你做什么，如果对性能要求苛刻，比如地图App这种，应该考虑React Native或者NativeScript这样的技术，因为可以编译成原生App。否则我会推荐 Ionic 2 Documentation 这是ionic的最新版本，基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。
苏依
魔法师 | https://www.thonatos.com

作为一个伪FEEer，尝试着回答一下。

UI的话，分为基础样式和基础组件两部分。

基础样式:
建议这一部分可以用一些轻量级的库如Purecss（purecss.io），采用其Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用grid.css，grid960.css这样的栅格来处理。

基础组件:
基础组件主要是button,input,form等，可以在bootcss.com看到很多的组件库，按照需要选择一部分，在做下自定义修改配色，阴影，边框什么的，动画的话就用animate.css吧。

交互设计:
是webapp的难点和问题所在，个人建议，在移动端还是尽可能的减少复杂的交互内容，更多的做内容呈现和基础的功能实现（考虑兼容问题和移动网络流量，移动网络质量等因素）

附加内容:
响应式设计也是要分场合的，在简单的内容呈现如博客，可以考虑响应式，不过针对业务系统，还是建议做一套移动版本和对应的桌面版本，这是个人的一些看法，希望有用。
知乎用户
知乎用户

如果是 Angular 那就选 Ionic (一对好 CP)
如果是 Vue 那就选 Vux (基于 WeUI)
如果是 jQuery 那就选 Framework7 (iOS 和 Android 双皮肤)
如果是 React 那就选 ... (额，知道的补充下!)
----------
我去，写完看到时间，挖坟了！
----------
更新：
React 可以看看 TouchstoneJS 和 Reapp ，
貌似都不是很完善，需要的可以详细了解下。
----------

再次更新：
TouchstoneJS 和 Reapp 貌似都不再更新了；
可以看看 Onsen UI ，双主题、同时支持 React/Angular/Vue。
颜海镜
前端 http://yanhaijing.com
amazeui
袁旭佳
奔走在前端路上

个人使用过 Ionic: Advanced HTML5 Hybrid Mobile App Framework开发过项目，做下来感觉很不错,Ionic提供的样式够用了，关键是ionic 吧开发流程都帮你做好了，已经不再是单纯的UI框架，而是开发框架了。

如果你要纯的UI框架，推荐个最近新发现的库： SUI Mobile，这是淘宝出的，应该靠谱
知乎用户
知乎用户
推荐一个自己正在用的。微信设计团队推出，微信原生视觉体验样式库。
GitHub - weui/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
cleartime
mui
知乎用户
知乎用户
这个看项目需求
小项目 jQuery Mobile / App Framework （jqmobi）
更小的项目直接Bootstrap
翟晓彤
IT狗，喜欢篮球、IT和军事等。
angularjs配ionic不错。
xiuqilong
移动端前端框架UI库（Frozen UI、WeUI、SUI Mobile）
mr姚
MUI、Frozen UI、WeUI、SUI Mobile都还可以
攻城狮Right
APICloud前端工程师…狮…尸…
你可以试试AUI，我之前写过一篇前端框架的文章，专门介绍了10个前端框架的优劣势，希望能给你点帮助 大锅乱炖10大H5前端框架
喻小右
前端攻城狮
微信的weui和淘宝的msui以及qq的ui都好不错，具体可以看链接>推荐几个精致的webui框架
闫小军
牛p

一直在用ionic,从1到现在2.微信公众号也用现在也要用Angular做web端

董健
ai
在看荐上看到一篇文章说，前端与设计师的协作应该是比较简单的，最重要的是要规范设计提供给你的产物，通常对于前端来说，我们需要设计师提供标注尺寸后的设计稿以及各种元素的切图文件，有了这些就可以开始布局了。考虑到Retina显示屏以及这么多移动设备分辨率却不一样的问题，那么设计师应该提供多套设计稿吗？从网易和淘宝的做法来看，应该是不用了，我们可以按照设计稿，先做出一套布局。
阿儿歌
具体可以看链接>推荐几个精致的webui框架 这个不错
林法鑫
码农
如果要开发的 WebApp 对用户体验细节有高要求，又是一个单页应用。那么尝试一下这个框架：
AndroidUIX - 跨平台AndroidUI框架
在体验上应该是超过目前主流WebApp的。
CarlHugo
Software Engineer
AngularJS + Bootstrap
张明佳
神经病程序员
玩点之前没玩过得，就Angularjs+ionic好了。至少做了几个应用之后，感觉还是不错的。
当然还有React Native，但是玩了会，个人觉得是中间地带的技术，不过毕竟FB出的，肯定也不错，不过社区等相对ionic还是要若一些，不过也是时间问题吧。
匿名用户
匿名用户
考虑到移动端性能，单页webapp可以用backbone来实现。
ui组件可以用其他答主推荐的鹅厂的frozenUI，里面有一些移动端列表按钮轮播图scroll解决方案。或者wx的通用样式weui。
Yo是一个纯粹的移动前端开发框架
08-07
Yo 是一个纯粹的移动前端开发框架，专注为移动应用提供快速且专业的构建方式；她轻量，易用，可配置，并且具备超强的扩展能力。
移动端webUI框架（HTML5手机框架）
angou6476的博客
12-24 1万+
淘宝SUI Mobile框架 官网地址：http://m.sui.taobao.org/ SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。 轻量的UI库 SUI Mobile 非常轻量，核心库压缩Gzip后的...
几款学习成本低的优雅前端框架推荐（不分先后）
aiqianqi1796的博客
04-09 1030
1.Amazeui Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。 官网地址：http://amazeui.org/ 2.uiKit uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。 官网地址：http://www.getuikit.net/ 3.H-ui H-ui是轻量级前端框架，简单免...
推荐几个精致的web UI框架及常用前端UI框架
2401_84097678的博客
04-17 4084
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取[外链图片转存中…(img-VbPnVuua-1713320744120)]
webapp开发框架
qinglp的博客
05-07 1039
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
混合式开发学习笔记
jinchenpeng的博客
06-19 366
目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种 一、APP原生开发 原生开发（Native App开发），是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是利用Java、Eclipse、Android studio；IOS是利用Objective-C 和Xcode进行开发。 通俗点来讲，原生开发就像盖房子一样，先打地基然后浇地梁、房屋结构、一砖一瓦、钢筋水泥、电路走向等，都是经过精心的设计。原生AP
移动webapp前端ui用哪个框架好
weixin_33836223的博客
10-28 320
2019独角兽企业重金招聘Python工程师标准>>> ...
基于vue框架Vant UI组件库移动端电商网站webapp项目总结
horizon12的博客
11-23 4529
项目总结 一、项目名称 电商网站webapp开发 二、技术栈 框架：vue框架 UI组件：Vant移动端Vue组件库 安装：npm install vant -S 项目中引用的部分组件： 1、Tabbar标签栏：封装成底部标签栏，引入到其他组件中，导入路由，在底部作为导航栏使用； 2、Sidebar,SidebarItem 侧边导航：在商品分类展示模块中引入，按照后台系统中的商品分类进行展示，完成商品筛选分类展示模块； 3、Grid,GridItem 宫格：...
[webAPP]记录几款比较好用的vue 移动端的ui框架
图解AI
04-27 6856
有时在做项目时，不同场景的项目既要有网站，又要有手机端，为了快速开发，如果功能简单，要求不高的话，我们一般会用H5进行移动端的适配。 如果采用纯html进行书写手机端的样式，往往UI的体验感非常差。为了增强UI的体验，则往往会利用已有的UI组件进行搭配使用。 1） 选择手机UI组件的依据 轻量级 如果是过于笨重的组件库，则打包后文件会非常大，严重影响加载速度，体验感非常差。 组件的完整性 这个也...
前端UI框架小汇总
2201_75294326的博客
04-09 1021
前端面试题汇总前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。
Webapp框架：一站式前端开发解决方案
最新发布
weixin_36364707的博客
08-10 1387
动态路由是现代单页应用（SPA）中不可或缺的一部分，它允许应用程序根据URL的变化动态地加载对应的组件。在Vue.js中，可以使用vue-router库来实现动态路由。首先，安装vue-router：然后在项目中定义路由规则：routes: [path: '/',},});在上述示例中，我们定义了两条路由规则：一条用于主页（Home），另一条用于用户个人资料页（Profile），后者包含一个动态路径参数userId。音视频编解码技术是多媒体播放器开发的核心。
Web前端开发必不可少的10个开源框架
BYGFJ的博客
11-25 8270
作为一名前端开发人员，持续学习是必备的技能之一。随着新技术的不断涌现，前端开发框架越来越多，各种框架现、版本的更新此起彼伏。 前端领域的技术不断更迭，让人眼花缭乱。面对这么多框架，我们应该如何选择？接下来就为你们一 一介绍！ 1、Jquery库 AJAX（Asynchronous Javascript And XML）这一技术概念在2005年提出，用来描述与浏览器有关的一类技术，包括: HTML/XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHt
webapp前端框架汇总
科大浪子的专栏
03-31 6619
转自：http://www.usheweb.com/a/daohang/2014/0827/902.html sencha touch 前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile
Cordova 概述
自由人生
04-04 684
http://www.w3cschool.cn/cordova/cordova_overview.html Cordova 是使用HTML，CSS和JavaScript构建混合移动应用程序的平台。官方文档给了我们Cordova的定义。 “Apache Cordova是一个开源移动开发框架，它允许您使用标准的Web技术，如HTML5，CSS3和JavaScript进行跨平台开发，避免
移动Web UI库（H5框架）有哪些，看这里就够了
热门推荐
前端向朔
11-25 12万+
前言今年上半年，项目组在项目开发的过程中建立了一套风格统一，组件丰富完善，命名统一规范的PC端UI库，适用于做大型站点，该UI库也是应用到了整个平台的项目中，在各个项目组中进行推广。因为项目的保密性，这里不方便给出实际项目，当然目前这套UI库也不是开源的。下半年开始，我们偏向做移动Web的同学也开始考虑要梳理出这样一套适用于移动端的UI库，与PC端UI库命名规范保持一致，便于项目组同学在PC项目和移
推荐几个精致的web UI框架
weixin_30649859的博客
08-18 4201
1.Aliceui Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。 gitHub地址：https://github.com/aliceui/aliceui.github.io 2.Amazeui Amaze UI 是一个轻量级、 Mobile first 的前端框架...
基于Html5的移动端APP开发框架
smile的专栏
08-30 4万+
快速增长的APP应用软件市场，以及智能手机的普及，手机应用：Native（原生）APP快速占领了APP市场，成为了APP开发的主流，但其平台的不通用性，开发成本高，多版本开发等问题，一直困扰着专业APP开发企业，和APP服务提供商。 安卓和IOS的操作方式，开发模式，界面UI显示方面的差别，也使得原生APP的不同版本体验有很大的区别，光是做兼容性调测，都要花费开发企业不少的时间。 近年来，另一种
推荐几个移动端前端UI框架
wyl的博客
10-15 9万+
SUIMobilehttp://m.sui.taobao.org/components/#popupSUIMobile是一套基于Framework7开发的UI库。 MUIhttp://dev.dcloud.net.cn/mui/最接近原生APP体验的高性能前端框架 weUIhttps://weui.io/...
WebApp UI框架App.js的入门介绍和使用手册
natalie86的专栏
04-18 1154
今天跟大家推荐一款webAPP的UI框架工具：App.js 那APP.js到底有什么用呢？        App.js是轻量级JavaScript UI 库，打造创建如原生的应用样的WebApp，可自定义主题样式，框架基于zepto.js，包括的UI界面有:导航、弹出框、按钮、列表、滑动输入、图片展示等网页元素模块。 当然，app.js也是来自
移动端UI框架小汇总
qq_26780317的博客
01-10 8209
前言：随着前端技术的更新，Vue,React,Angular等JS类框架不断的深入使用，各种WebApp、混合App、微信H5等应用的发展，各种配套的前端UI框架应运而生。最近，通过在Github、前端社区、掘金等平台上，对当下流行的前端UI框架进行了小小的整理与记录，希望以此来找到适合公司项目改版的移动端UI框架。（PS:前端UI框架通过GitHub star数，社区热度和使用范围进行汇总。） ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值