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

html-css012

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

您好,是这样的:

HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。

基础知识:

1. html + css。这部分建议在 www.w3school.com.cn 上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板www.yangqq.com/download/都是比较简单的单页,可以下载下来模仿自己做一个。理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。

2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》

3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。

4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。

5、浏览器兼容。懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。W3C验证地址:http://jigsaw.w3.org/css-validator/ 通过验证指定URI的CSS内容,可以帮我们检查一下有没有错误。

6、熟悉一门后台编程语言 asp、php、jsp等。

前端知识是一种很火的技术,一直在编程语言中名列前茅,而且随着浏览器技术不断发展,还有会很多扩展的可能性,比如3D可视化,谷歌发布一个全新的图形工具TensorFlow Graphics,结合计算机图形学和计算机视觉技术,以无监督的方式解决复杂3D视觉任务,无疑谷歌浏览器也会支持3D图像,前端技术实现在线可视化开发,基于webgl的3D框架有thingjs,three.js。thingjs是这两年新兴的3D框架,更加简单,官网有注册优惠别错过~理论知识是基础,对于前端开发者来说,技术应用是进一步的需求,所以thingjs提供免费3D源码和3D模型库,让你在项目开发过程中有东风助力,在实操的过程中你会更好地吸收前端技术知识!前端技术肯定不是最终的目的,做成一个有价值的商业项目,才能让你更有成就感!