#qianMobileTest
mobileWeb测试
##在线地址 http://qiantest.sinaapp.com/#&pageHome
##测试项
- mobilebone做spa页面,并结合seajs做了路由表
- 数据通过json传递,handlebars DOM拼接
- 把animate.css作为基础动画库
- pageHome页面使用了amazeui的组件
- pageList页面用了iscroll做 视图滚动 ,基于它写了下拉刷新和无限加载
- pageUser页面文章标题基于
pop.js
模块写了模拟alert提醒功能 - pageUser页面利用css3原生的
overflow-scrolling: touch;
写了原生的 视图滚动 ,基于infinite.js
模块写了无限下拉加载 - imgload页面基于
scroll-imgload.js
模块写了图片的懒加载(只加载当前看到的视图上的图片),在快速滚动屏幕的情况下不触发加载 - 用css3写了侧栏导航功能
- fis工程化发布
##经验和思考
- 做为mobileWeb并不适合用app的hander和tab底部,太占屏幕了(如果把网页添加到桌面用户体验还不错)
- 还有侧栏导航,这些是在原生app上的东西 感觉没必要模仿到mobileWeb中
- 模块化开发的时候需要提供额内存销毁功能,在转出页面后应当回收相关的内存
- amazeui大而全且没有内存回收api不是很适合spa页面,但是其中很多东西值得学习借鉴
- 网络上移动端相关的功能组件太少了,所以维护了一个组件库mobileModule