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

标签：blog   http   使用   io   数据   for   问题   cti   

最近看到不少关于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.读取本地的功能

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

W?e?b? ?A?p?p?和?N?a?t?i?v?e? ?A?p?p,布布扣,bubuko.com

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

标签：blog   http   使用   io   数据   for   问题   cti   

原文地址：http://www.cnblogs.com/xizai/p/3888313.html