首页 > 代码库 > W?e?b? ?A?p?p?和?N?a?t?i?v?e? ?A?p?p

W?e?b? ?A?p?p?和?N?a?t?i?v?e? ?A?p?p

最近看到不少关于web app和native app的对比,想起不久前我自己模拟过一个web app,当时由于自己技术有限,所以还是有很多问题的。
先来说一下我自己的理解吧。
首先基于html5的web app容易学习,开发成本低、适配多种浏览器、易于发布可以快速迭代并且跨平台,但是也有很多的限制,比如离线,比如调用本地的资源;
传统的native app目前来讲还是具有更好的用户体验、他可以访问到本地资源,并且在收费方式上更为明朗,但是它对于开发人员的要求很高,并且要维护很多版本,移植到不同平台上会比较麻烦。
总结来讲每种方式都有自己的优势和不足,至于哪一种方式更好,这个我认为适合的才是最好的,如果可以二者合并,优劣互补,那也不失为一种最好的方法吧!
然后来讲述一下我自己模仿的东西。
这个app,原本是一个native app,只是当时对web app比较感兴趣,所以简单模拟了一下,目前还是存在问题的。当时主要是应用到几个东西,html5、css3、以及zepto和iscroll。
里面所有的左右切换部分基本上都是由transform来实现的,例如:

$(".btn").on("click",function(){	$("#boxAll").css({"-webkit-transform":"translate(0%,0%)"});});

所有上下滑动滚屏的部分都是由iscroll来实现的,例如:

myScroll = new IScroll(‘#main‘, { scrollX: true,scrollY: true, mouseWheel: true});

(注:这个部分主要就是iscroll的使用了,具体的使用可查阅http://www.gafish.net/api/iScroll.html)

主要的思路是首先把内容加载后放到相应的位置,但是只显示部分,当滑动的时候就让整体动一下(目前觉得这个方案是有漏洞的,全部加载的话时间太长,首次加载就有很长时间的空白等待,应该还是需要按需加载);

目前这个app我已经打包放到百度托管了,查看http://cerams.duapp.com/taocinet/index.html这个地址就可以看到具体的效果。(目前还差一部分数据处理,代码写的也很零散,近期会做修改)。

目前存在的难关:

1.数据存储

2.读取本地的功能

不知道各位大牛有没有好的解决方法,求赐教。