首先不得不吐槽一下Hybird app开发的确实名不虚传的有各种坑。
本来是想稍微接触Hybird app的开发,然后更深入的去研究。但真正实施到项目,出现了不少bug。
当然这些bug跟这个iscroll5的组件有不少关系,迫于时间关系,弃用了这个东西,写下此文,待日后反思或留给自己、搜到此处的人再用,先记录以下感性体会:
1、Hybird app 并不是想象这么好的解决方案,它成本并不低,需要开发人员具有良好的web 前端 和android开发知识。
2、跟iscroll5有关,虽然这东西开源,但是用他人的东西,总归有学习过程,本来用别人的东西就是为了节省时间,但是用了之后出现一堆bug,适得其反。
起初使用这个iscroll5,是项目中需要一个pull to refresh ,pull to load(下拉刷新,上拉加载)的功能。
一开始google,查找国内外的网站,试用了几个demo,isroll4的不少,但iscroll5的不是很多,特别国内的网站。
下面贴出自己找的一些相关的网站:
1、知识、源码类
http://cubiq.org/iscroll-5 (官网)
http://blog.csdn.net/gcz564539969/article/details/9156141 (isroll4 升级到iscroll5使用的问题)
http://blog.csdn.net/ihetqxl/article/details/36538665(iscroll5 部分api)
http://www.ghugo.com/iscroll-5-source/ (iscroll5源码注解)
http://www.cnblogs.com/duanhuajian/archive/2013/04/08/3008323.html (使用方法)
https://github.com/iiunknown/iscroll5.doc.cn 中文api
http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html (pull to refresh, pull to load 完整demo)
2、bug
https://github.com/cubiq/iscroll/issues/270 tap fire tiwce (tap调用两次)
http://www.52html5.com/?p=2618 click事件兼容问题
个人项目备注
assets 目录
html页面引入:
<script type="text/javascript" src="../jq/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../iscroll/i5/build/iscroll-probe.js"></script>
项目使用iscroll遇到问题的解决:
tap 调两次
不明确bug的原因,后来是用click事件代替的。(li为单行)
li.removeEventListener('click', clickLi);
li.addEventListener('click', clickLi, false);
如果只是需要一个pull to refresh 和pull to load的例子,去这个网站看:
http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html
个人demo源码:
http://download.csdn.net/detail/tiw163/8414059