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

最新推荐文章于 2025-11-09 18:05:07 发布

原创最新推荐文章于 2025-11-09 18:05:07 发布 · 1.1w 阅读

4 ·

CC 4.0 BY-SA版权

日常随笔专栏收录该内容

54 篇文章

订阅专栏

本文汇总了多位开发者关于WebApp UI框架的选择建议，包括Ionic、React Native、WeUI等多种框架的适用场景及优缺点。

看你做什么，如果对性能要求苛刻，比如地图App这种，应该考虑React Native或者NativeScript这样的技术，因为可以编译成原生App。否则我会推荐 Ionic 2 Documentation 这是ionic的最新版本，基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。

发布于 2016-02-26

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

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

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

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

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

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

发布于 2014-10-10

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

再次更新：
TouchstoneJS 和 Reapp 貌似都不再更新了；
可以看看 Onsen UI ，双主题、同时支持 React/Angular/Vue。

编辑于 2016-11-15

amazeui

发布于 2016-06-07

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

如果你要纯的UI框架，推荐个最近新发现的库： SUI Mobile，这是淘宝出的，应该靠谱

发布于 2015-08-17

推荐一个自己正在用的。微信设计团队推出，微信原生视觉体验样式库。
GitHub - weui/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

发布于 2016-04-08

mui

发布于 2015-09-21

这个看项目需求
小项目 jQuery Mobile / App Framework （jqmobi）
更小的项目直接Bootstrap

发布于 2014-10-12

angularjs配ionic不错。

发布于 2015-09-21

移动端前端框架UI库（Frozen UI、WeUI、SUI Mobile）

发布于 2015-12-24

MUI、Frozen UI、WeUI、SUI Mobile都还可以

发布于 2016-03-24

你可以试试AUI，我之前写过一篇前端框架的文章，专门介绍了10个前端框架的优劣势，希望能给你点帮助大锅乱炖10大H5前端框架

发布于 2016-08-31

微信的weui和淘宝的msui以及qq的ui都好不错，具体可以看链接>推荐几个精致的webui框架

发布于 2016-06-19

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

发布于 2017-05-26

在看荐上看到一篇文章说，前端与设计师的协作应该是比较简单的，最重要的是要规范设计提供给你的产物，通常对于前端来说，我们需要设计师提供标注尺寸后的设计稿以及各种元素的切图文件，有了这些就可以开始布局了。考虑到Retina显示屏以及这么多移动设备分辨率却不一样的问题，那么设计师应该提供多套设计稿吗？从网易和淘宝的做法来看，应该是不用了，我们可以按照设计稿，先做出一套布局。

发布于 2017-01-18