SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。
SUI文件主要有两个
分别是：
sui.min.css样式文件，必须。
sui.min.jsJS组件。因为sui的js组件依赖jquery，所以必须在sui.js之前引入jquery
前端UI库SUIMobile不可不知的坑
FrankWang0909
所在公司由于技术团队小，开发任务紧，领导把移动端的项目外包了。外包团队的工程师使用阿里前端团队出品的SUIMobile的前端UI库来开发，所以，我也就理所当然地去学习官方文档(http://m.sui.taobao.org/)。
这个UI库，其实是山寨Framework7的。优点是足够地轻量级、且提供中文文档。缺点是由于核心开发人员已经离开阿里，本项目已经将近一年没有更新、无人维护了，基本没有形成社区。该作者离职后把SUIMobile项目改了名，叫做Light7(http://www.light7.cn/)，修复了部分bug。
第一个坑：必须显式地调用$.init()方法。
官方文档里有这么一句话：
如果没有这样显式地调用初始化方法的话，JavaScript脚本很有可能会不执行。当我拿到外包团队提交的代码的时候，我是崩溃的。因为有许多莫名其妙的bug。最后试着加了这段代码之后，发现JavaScript才正常地调用了。
第二个坑：建议全局禁用自带的路由$.config={router:false}。
`Router默认开启，会自动拦截所有链接的Touch行为，如果希望一个链接走浏览器原生跳转而不使用router，可以在链接上增加class="external"或者自定义属性,如xxx。如果需要禁用路由功能,那么可以在zepto之后,msui之前使用$.config={router:false}来禁用.`
我遇到的情况是这样的：首页有个轮播，第一次进来首页可以正常播放。当用户从首页进到其他页面之后，通过顶部的返回按钮或者浏览器的后退键回到首页时，轮播是卡住的。调试代码后，发现返回后，js脚本是不执行的。试着全局禁用了路由之后，轮播可以自动播放了，js脚本都能正常执行了。
总之，觉得SUIMobile不错的，可以考虑使用Light7.