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.读取本地的功能

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

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

时间: 2024-10-25 22:07:02

W?e?b? ?A?p?p?和?N?a?t?i?v?e? ?A?p?p的相关文章

_DataStructure_C_Impl:Floyd算法求有向网N的各顶点v和w之间的最短路径

#include<stdio.h> #include<stdlib.h> #include<string.h> typedef char VertexType[4]; typedef char InfoPtr; typedef int VRType; #define INFINITY 100000 //定义一个无限大的值 #define MaxSize 50 //最大顶点个数 typedef int PathMatrix[MaxSize][MaxSize][MaxSiz

[NOI2013]快餐店

题目描述 小T打算在城市C开设一家外送快餐店.送餐到某一个地点的时间与外卖店到该地点之间最短路径长度是成正比的,小T希望快餐店的地址选在离最远的顾客距离最近的地方. 快餐店的顾客分布在城市C的N 个建筑中,这N 个建筑通过恰好N 条双向道路连接起来,不存在任何两条道路连接了相同的两个建筑.任意两个建筑之间至少存在一条由双向道路连接而成的路径.小T的快餐店可以开设在任一建筑中,也可以开设在任意一条道路的某个位置上(该位置与道路两端的建筑的距离不一定是整数). 现给定城市C的地图(道路分布及其长度)

[BZOJ1602][Usaco2008 Oct]牧场行走

1602: [Usaco2008 Oct]牧场行走 Time Limit: 5 Sec  Memory Limit: 64 MBSubmit: 2065  Solved: 1084[Submit][Status][Discuss] Description N头牛(2<=n<=1000)别人被标记为1到n,在同样被标记1到n的n块土地上吃草,第i头牛在第i块牧场吃草. 这n块土地被n-1条边连接. 奶牛可以在边上行走,第i条边连接第Ai,Bi块牧场,第i条边的长度是Li(1<=Li<

20170726测试

终于有水一点的题了: Day1: 第1题 谜题首先请解以下谜题:车下的数字是什么? -----------------------图被吃掉了---------------------------------- 正确的答案是87 .这道题对小龙大犇来说太轻松了,于是他想加强难度来考考你:对于给定的长度N,能否获得刚好长度为N的数列,使数列中的每个数经过翻转恰好是连续的数,如N==3时,数列 11 01 60 是合法的.数字的翻转符合以下规定:1.0.8翻转后是其本身:6和9翻转后互相转变:其他数字

hdu3461Marriage Match IV 最短路+最大流

//给一个图.给定起点和终点,仅仅能走图上的最短路 //问最多有多少种走的方法.每条路仅仅能走一次 //仅仅要将在最短路上的全部边的权值改为1.求一个最大流即可 #include<cstdio> #include<cstring> #include<iostream> #include<queue> #include<vector> using namespace std ; const int inf = 0x3f3f3f3f ; const

【uoj58】 WC2013—糖果公园

http://uoj.ac/problem/58 (题目链接) 题意:给定一棵树,每个点有一个颜色,提供两种操作:  1.询问两点间路径上的Σv[a[i]]*w[k],其中a[i]代表这个点的颜色,k表示这个点是这种颜色第k次出现  2.修改某个点的颜色 Solution  带修改树上莫队.  按左端点所在块为第一关键字,右端点所在块为第二关键字,时间为第三关键字,排序.可能会有疑问可不可以以右端点dfs序为第二关键字?这里我们为了突出第三关键字的作用,选择以右端点所在块为第二关键字.每个节点的

【AStar】初赛第一场

1. All X1.1 基本思路k和c的范围都不大,因此可以考虑迭代找循环节,然后求余数,判定是否相等.这题还是挺简单的.1.2 代码 1 /* 5690 */ 2 #include <iostream> 3 #include <sstream> 4 #include <string> 5 #include <map> 6 #include <queue> 7 #include <set> 8 #include <stack&g

BZOJ3110 [ZJOI2013] K大数查询(加强数据)

原来的题解:http://www.cnblogs.com/jimzeng/p/bzoj3110.html 有必要特意再写一篇题解…… OrzKPM!KPM加了两组数据结果我原来的代码就被叉了…… 看到数据没有负数KPM就加了负数,然后还卡了long long(极端情况:50000次,每次在1,50000中加入一个同样的数) 需要离散化数据,加long long 然后速度就明显慢了……(9556ms -> 12292ms) 贴代码: 1 #include <iostream> 2 #inc

蓝桥杯:生命之树

生命之树 在X森林里,上帝创建了生命之树. 他给每棵树的每个节点(叶子也称为一个节点)上,都标了一个整数,代表这个点的和谐值.上帝要在这棵树内选出一个非空节点集S,使得对于S中的任意两个点a,b,都存在一个点列 {a, v1, v2, ..., vk, b} 使得这个点列中的每个点都是S里面的元素,且序列中相邻两个点间有一条边相连. 在这个前提下,上帝要使得S中的点所对应的整数的和尽量大.这个最大的和就是上帝给生命之树的评分. 经过atm的努力,他已经知道了上帝给每棵树上每个节点上的整数.但是由