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

Posted 2023-03-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动webapp前端ui用哪个框架好相关的知识，希望对你有一定的参考价值。

WeUI
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是腾讯社交用户体验设计－增值UI开发团队一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，
做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
FrozenUI提供的CSS组件是目前QQ会员前端开发组所用的通用样式库。遵循手Q样式规范，基本样式使用离线包的方式减少请求，并提供快速接入的方案。
FrozenUI提供的一系列javascript插件，更优雅地在移动端上呈现更灵动的动画效果。
FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FronzenUI。
FrozenJS 的所有组件均以 zepto 的插件的形式存在。
阿里开源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基于 Framework7 开发的UI库。并参考 Ratchet、Fastclick 开源库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 ios 6.0+ 和 android 4.0+，非常适合开发跨平台Web App。
轻量的UI库 SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。
对于只有html&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了Zepto/jQuery 风格的API，你将会非常熟悉这种方式。
开发团队：阿里巴巴共享业务事业部UED团队
百度系
GMU
GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件!
Jingle
Jingle是一个SPA(Single Page Application)开发框架，用来开发移动端的html5应用，在体验上尽量去靠近native应用，希望有一天html5能够做到与native一样的操作体验。
丰富的UI组件提供了按钮、列表、表单、弹出框、轮换、上拉/下拉、日历等各种移动端常用的组件，简单适用，
前后端分离支持前端模板渲染，模板按需自动加载，完善的事件机制。
轻量级基于Zepto开发，依赖了iscrol
purecss
purecss采用其Grid的部分即可，需要定制的部分，建议自行配置，或者是直接采用grid.css，grid960.css这样的栅格来处理。Purecss小的没有节操，全部模块gzip压缩后才 4.4KB* 。考虑到移动端，保持文件尽量小对我们来说非常重要，每一行CSS都经过深思。如果你只用部分模块，简直小的忽略。
Pure基石,Pure基于Normalize.css添加了HTML元素的布局和样式，以及常用的UI组件。全是精华，木有糟粕。
移动端是初衷,Pure是响应式的盒子模型，适应所有尺寸的屏幕。通过皮肤生成器可以自定义样式。
写出你自己的样式,Pure提供最基础的样式，鼓励你基于此写出自己的样式。它被设计为容易覆写，且不影响你自己的样式。
ionic
基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。
jquery mobile
jQuery Mobile 是创建移动 web 应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。
jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。
Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

wex5
国产的ui，支持打包。
前端UI：完全恪守html5+css3+js，干净纯洁设备api：采用业界主流Phonegap/Cordova
向导、模板：简单定义，即可轻松制作向导和模板
主题、样式：海量bootstrap资源引入和定制
UI组件：纯H5+CSS3，轻松引入第三方UI组件
插件：轻松对接即时通讯、推送、支付等各类插件
后端：轻松调用后端组件和api，并实现可视化参考技术A 看具体做什么，如果对性能要求苛刻，比如地图App这种，应该考虑React Native或者NativeScript这样的技术，因为可以编译成原生App。推荐 Ionic 2 Documentation 这是ionic的最新版本，基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发。参考技术B

现在是UI趋势的走向，不管什么都会涉及到UI设计。而且现在手机平板发展的这么迅速，APP手机端口的设计思路更是要领先一些。UI设计可以说是未来发展的大趋势，而且就现在扁平化设计思路和界面的交互性质、用户体验都是UI设计的一个大方向。

每个框架都要全面

我认为这两个前框是不够的，PC、移动framework7，对于快速轨道项目可以实现他们的轻量级框架；此外，许多人认为，移动端框架具有framework7模仿的痕迹，如穗的SUI已经描述了基于UI库framework7发展。

UI与设计师可以更好融入

与设计师前端的协作应该是相对简单的，最重要的是为您提供前端产品的设计规范，一般来说，我们需要提供设计师设计草图的大小和标签的各种元素的地图文件，与布局的开始。考虑到视网膜显示器和许多移动设备的分辨率是不同的，设计者应该提供多套设计吗？从网易和淘宝的做法，应该用不到的，我们可以根据设计稿制作一套布局。