手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI 框架。做者（启明星工做室 http://www.dotnetcms.org） 比较一下几款流行的HTML5框架，我的意见，仅供参考。css
（1）MUI html
网址： http://dev.dcloud.net.cn/mui/jquery
优势：MUI是数字dclound推出的一款流行框架，我的感受,这是目前最好的一个H5 UI框架，使用简单，操做方便。web
缺点：MUI为了达到原生效果，从新定义了Form表单里input，select，textarea全部的样式，这给用户自定义样式带来的不便。bootstrap
例以下图左图是MUI里，直接使用<select>标签，是没有下拉箭头的，这会让用户迷惑。小程序
右图，咱们能够在HTML代码里，从新定义select让其显示。微信小程序
select { -webkit-appearance: menulist !important; }
其实，我在用bootstrap时，到想起当时bootstrap开发人员在定义table时的一句话，他们说他们本能够经过CSS重写table，可是，由于有些网站须要原始的table样式，因此，为了和前者兼容，他们方式了浏览器
经过全局CSS改变table默认样式，若是开发人员像使用bootstrap的table样式，只要增长 <table class="table"> 就能够了，这样，既不增长多少工做量，又能兼容过去的程序。微信
我认为这点值得MUI借鉴。app
（2）WeUI
优势：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。因此，其样式基本上核微信“长”的同样。
缺点：抱歉，我对WeUI的评价不高，这和腾讯的大名彻底不符。我本来对WeUI指望甚高，结果实际测试很是使人失望。这些失望表如今太过于微信化，限制了他是使用广度。
更主要的是，其CSS名称与其余H5框架彻底不同，以简单的面板为例，公认的命名方式为：
<div class="panel"> <div class="panel panel-header"> 标题 </div> <div class="panel panel-body"> 主体 </div> </div>
但weui的命名相似以下：header缩写成了hd，body所写成了bd，类的名称，你叫作page__title也没问题，问题是page和title之间是2个下划线，而有些采用类名称采用：中划线和下划线一块儿用。
如weui-cell__hd。当你大量编写页面时，你脑子里会不停的切换想着WeUI类到底叫什么名字。
<div class="page panel "> <div class="page__hd"> <h1 class="page__title">Title</h1> </div> <div class="page__bd"> <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-label">手机</label></div> <div class="weui-cell__bd"> <span class="weui-input" id="mobile" ></span> </div> </div> </div> </div>
WeUI还有一个致命缺点：多一个span或者div均可能使得你的样式彻底失效。例如以下，可能仅仅在body与tab__hd之间多了一个div，就会致使你页面失效。
<body> <div class=tab__hd> </div> </div> </body> 和 <body> <div> <div class=tab__hd> </div> </div> </div> </body>
（3）Jquery Mobile
优势:这应该是最先的HTML5框架，
缺点：Jquery虽然很流行，可是不得不说JqueryMobile是一个失败的做品。如今好像都中止更新了。JM最大的缺点是速度太慢。
这也难怪，浏览器支持的是CSS与JS，可是JM经过自定义不少data-*来重写渲染最终的样式，
例如以下代码的 data-enhanced,data-icon，这些data-*属性，浏览器并不能识别，须要JM的JS引擎解释后，转换为CSS语言，
当页面大量使用这些data-*属性时，其性能极具降低，如今应该没什么人使用了。
<input type="button" data-enhanced="true" value="Enhanced - Left"> <input type="button" data-icon="delete" value="Left (default)">
（4）Bootstrap
优势：兼容PC和手机，其推出的理念与样式，启发了不少后起之秀，例如将页面分红12份，根据分辨率不一样，自动组合灯。在PC样式上，具备不可替代的做用。
缺点：也正由于他须要兼容PC和手机，使得虽然PC样式很优秀，可是手机效果只能说是“中规中矩”，毕竟“又想马儿跑得快，又想马儿不吃草”是不现实的。
（5）Framework7
没用过，可是看起来还不错，值得推挤。
（6）Amaze UI
没用过，其实Amaze有 基于 React.js 的移动端 Web 组件库 http://t.amazeui.org 由于是基于React.js的，感受入门门槛挺高
（7）Layui
网址 http://www.layui.com
Layer目前人气极具上升，不过她仍是偏重于PC