【原创】关于SUI Mobile 的使用总结
简介：SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
1）随着page数量增加，返回按钮需要返回多次才能返回到上一页
解决办法：a 标签如果有href=”#”,ajax加载会在history中增加2条记录，最好把href=”#”删掉。链接地址：https://github.com/sdc-alibaba/SUI-Mobile/issues/387
2）如何在SUI Mobile中生成二维码？
解决办法：使用原生方式生成二维码：https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html，使用jquery方式生成二维码的话，会跟框架本身的 zepto 框架产生相应的冲突，会有一些小影响吧！
3）页面来回跳换，页面样式会丢失，不加载了
解决办法：1）把css样式文件写到一个文件里加载到所有页面；2） 把样式写到 <div class=”content”> 里面就能加载到，链接地址：https://github.com/sdc-alibaba/SUI-Mobile/issues/991
4）$.alert没有显示对话框也不会报错
解决办法：这是因为js加载顺序的问题。js的加载会阻塞其他组件的加载，所以你将sui.js放在body最后加载就行，链接地址：https://github.com/sdc-alibaba/SUI-Mobile/issues/608
5）zepto.js的$.init()和引入拖拽返回按钮的jquery-ui.min.js冲突
解决方法：引用zepto.js之前加入jquery.js和<script>var jq= $.noConflict()</script>，之后再引入zepto.js即可，链接地址：https://github.com/sdc-alibaba/SUI-Mobile/issues/143
6）自带的图标不够用：Font Awesome 一套绝佳的图标字体库和CSS框架
7）关于route加载新页面时，新页面中的js没有加载的问题
解决方案： 非入口页的html文档被Router异步加载入当前页时，新页里的<script>标签会因为浏览器安全策略忽略。目前方案有几个：
（1）在入口页里配置map映射各个后续流程页，通过JS脚步动态异步加载后续流程的JS
（2）本地开发时，以CommonJS规范将后续流程页的逻辑都打包编译到入口页JS中，大致是$ele.on(‘pageInit’, ‘#ajaxPageId’, fn)这种形式。这种情况JS只加载一个，适合各个后续页的逻辑不是特别复杂的场景。
（3）也可以放到<div class=”content”>里面，应该也可以加载到的！