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

html-css019

移动webapp前端ui用哪个框架好,第1张

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,并实现可视化

常用的UI框架有哪些?推荐6种常用的UI框架。

接下来安徽电脑培训http://www.kmbdqn.cn/为大家分享一下UI专业设计师在日常工作中常用的几种框架,希望能够帮到你!Bootstrap说到流行的UI框架,那么Bootstrap是一定会出现在榜单上的。

它是由twitter推出的Web前端UI框架,它由Twitter的设计师MarkOtto和JacobThornton合作开发。

Bootstrap通过它优秀的栅栏系统,很好的实现了响应式布局。

Bootstrap还提供了时尚的排版样式,表单,buttons,表格,轮播等等。

Bootstrap提供了优雅的HTML和CSS规范,它是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的BreakingNews都使用了该项目。

国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

jQueryUIjQueryUI是建立在jQueryJavaScript库上的一组用户界面交互、特效、小部件及主题。

无论是创建高度交互的Web应用程序还是仅仅向窗体控件添加一个日期选择器,jQueryUI都是一个完美的选择。

jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使用模式略有不同。

所有的jQueryUI小部件(Widget)使用相同的模式,这样就大大的降低了学习成本。

jQueryUI继承jQuery简易使用特性,提供高度抽象接口,短期改善网站易用性。

同时,jQueryUI采用MIT&GPL双协议授权,轻松满足自由产品至企业产品各种授权需求。

jQueryUI另一大有点是兼容各主流桌面浏览器。

包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。

而且,jQueryUI有完全汉化的版本,开发包内置包含中文在内的40多种语言包。

PureCSSPure也是一款很出色的CSS框架,Pure是来自雅虎的。

尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。

最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。

由Yahoo出品,技术上应该不存在太大问题。

组件也很丰富,包括表格、表单、按钮、表、导航等。

CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。

SemanticUISemanticUI最大的优点就在它的名字里--语义化。

Semantic-UI比Bootstrap更语义化,使用了更容易理解的标签名称:导航的是nav,主要内容的是main,class名也很明确。

而且SemanticUI的modules预制了很多美观的动画,同时也非常简单好用。

比如视图(Views)中的评论(Comment)和动态信息(Feed)。