移动端webUI框架（HTML5手机框架）

淘宝SUI Mobile框架

官网地址：http://m.sui.taobao.org/

SUI Mobile 是一套基于 Framework7 开发的UI库。它很是轻量、精美，只须要引入咱们的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，你将会很是熟悉这种方式。

移动端web框架 Frozen UI

官网地址：http://frozenui.github.io/

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最经常使用的组件，作成手Q公用离线包减小请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。

非手Q用户不能使用离线包而直接请求核心css也仅28k，另外也能够采用cdn和combo的方式按需加载。

CSS组件包括按钮，列表，表单，通知，提示条，弹出框，选项卡，等级图标，角标，红点，1px解决方案等。

CSS使用模块化的样式命名和组织规范，使用sass编写css代码。

FrozenJS 是针对移动端开发的 js 组件库，其依赖 zepto.js 和 FrozenUI，支持seajs模块化和非模块化两种方式。

FrozenJS 包括： basic：FrozenJS 的一些基础功能，包括模板引擎、tap 支持等。 ui：主要是一些触屏经常使用的 UI 组件，包括 dialog 等。 effect：很是用的特效库，特殊场景使用到是能够单独调用。

兼容android 2.3 +，ios 4.0 + 。

移动WebApp开发框架 Clouda

官网地址：http://clouda.baidu.com/

Clouda是基于node.js的Webapp开发框架，在使用Clouda时须要安装node.js和MongoDB。

Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app，能够在多终端下实现数据同步、任务迁移。而且Clouda支持面向数据的编辑模式，根据数据的变化自动实现界 面实时更新，开发者不需描述跃迁过程。它的核心在于云、端使用统一的Javascript语言，能够同时运行在浏览器、iOS、Android以及百度框中。另外，clouda app能够同时开发服务端和客户端，客户端的数据与云端实时同步，其内部数据也可供搜索引擎检索，解决app孤岛以及99.9%长尾应用只有30%分发量 的搜索分发问题。

HTML 移动端框架 Framework7

官网地址：http://framework7.io/

Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架，用来开发混合移动端应用或者 iOS 7 的 Web 应用，而且带有 iOS 7 的原生外观和感受。Framework7 也是独立的原型应用工具。

Framework7 使用 Javascript，CSS 和 HTML 来建立 iOS 7 应用，支持多个平台的迁移（PhoneGap），可是不是支持全部平台，主要仍是针对 iOS 7。

Amaze UI框架

官网地址：http://amazeui.org/

Amaze UI 开发思路

经过拆分、封装一些经常使用的网页组件，以规范化采用云适配平台开发的移动网站，统一用户体验逐渐造成的。

一、语义化

Amaze UI开发遵循语义化原则，意图经过类名（class）等信息直观传达元素的功能角色，同时关注结构、样式、行为分离，下降各部分的耦合程度，提升开发效率和可维护性。

二、移动优先，跨屏适配

遵循 “移动优先（Mobile First）”、“渐进加强（Progressive enhancement）”的理念，可先从移动设备开始开发网站，逐步在扩展的更大屏幕的设备上，专一于最重要的内容和交互，适应移动互联潮流。轻松建立跨屏适配的网页。

三、模块化，按需定制

AMUI使用LESS编写样式，结构良好，易扩展，易维护；使用Seajs模块化开发、组织 JavaScript，天然、优雅。

四、专一于HTML5

AMUI 基于轻量的Zepto.js开发，有效减小为兼容旧浏览器的臃肿代码；基于 CSS3 的交互效果，平滑、高效。AMUI专一于现代浏览器（支持HTML5），再也不为过期的浏览器耗费资源，为更有价值的用户提升更好的体验。

五、本地化支持

相比国外的前端框架，Amaze UI专一解决中文排版优化问题，根据操做系统调整字体，实现最佳中文排版效果；针对国内主流浏览器及App内置浏览器提供更好的兼容性支持，为你节省大量兼容性调试时间。

Amaze UI 的开发历程

云适配创始人陈本峰：这个项目最开始是做为内部使用工具来开发的。咱们云适配自己就是一个前端产品，Amaze UI能帮咱们下降开发时间和成本，用标准化做业流程，能有更高的产出。

从云适配创立之初，咱们就开始积累本身的前端框架，同时也借鉴了Bootstrap等国外框架的优势。在内部使用过程当中，你们一致反映不错，咱们就但愿把这个产品开源，但愿分享给更多的人，也但愿更多的人来贡献代码，来共建中国前端开源生态环境。在最近几个月，咱们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品，还有一个设计，一个PM也在尽力配合。产品发布以后，咱们会投入更多全职的工程师来专心打磨这个产品，同时也呼吁更多的前端开发爱好者共同来完善这个框架。

Amaze UI的目标

帮助开发者提升开发效率，提高网页效果，即用最短的时间作出最赞的网页，使更多的前端开发者再也不受前端复杂代码困扰。

Jingle移动端框架

官网地址：http://vycool.com/Jingle/

Jingle是一个SPA(Single Page Application)开发框架，用来开发移动端的html5应用，在体验上尽可能去靠近native应用，但愿有一天html5可以作到与native同样的操做体验。

腾讯移动Web前端框架

官网地址：https://github.com/AlloyTeamDev/Pro

微信WeUI和微信支付WePayUI

https://github.com/weui/weui

https://github.com/wepayui

GMU

百度已经不更新

 

purecss

 

ionic

 

jquery mobile

 

bootstrap

 

MUI

http://dev.dcloud.net.cn/mui/

 

AUI

http://www.auicss.com/

 

 

总结：

框架当然是好，并且不少问题都已经解决，尤为是兼容性问题；可是带来的问题也不少，尤为是你只会用框架，不知道里面的原理；因此我我的建议：先静态最原始的方式实现，再到框架进行重构。