#qianMobileTest

mobileWeb测试

##在线地址 https://qiantest.sinaapp.com/#&pageHome

##测试项

1. mobilebone做spa页面，并结合seajs做了路由表
2. 数据通过json传递，handlebars DOM拼接
3. 把animate.css作为基础动画库
4. pageHome页面使用了amazeui的组件
5. pageList页面用了iscroll做 视图滚动 ，基于它写了下拉刷新和无限加载
6. pageUser页面文章标题基于pop.js模块写了模拟alert提醒功能
7. pageUser页面利用css3原生的overflow-scrolling: touch;写了原生的 视图滚动 ，基于infinite.js模块写了无限下拉加载
8. imgload页面基于scroll-imgload.js模块写了图片的懒加载（只加载当前看到的视图上的图片），在快速滚动屏幕的情况下不触发加载
9. 用css3写了侧栏导航功能
10. fis工程化发布

##经验和思考

1. 做为mobileWeb并不适合用app的hander和tab底部，太占屏幕了（如果把网页添加到桌面用户体验还不错）
2. 还有侧栏导航，这些是在原生app上的东西 感觉没必要模仿到mobileWeb中
3. 模块化开发的时候需要提供额内存销毁功能，在转出页面后应当回收相关的内存
4. amazeui大而全且没有内存回收api不是很适合spa页面，但是其中很多东西值得学习借鉴
5. 网络上移动端相关的功能组件太少了，所以维护了一个组件库mobileModule