HTML5本地存储初探(一)
作者：Robin 来源：Time Machine 发布时间：2010-03-07 15:42:00
html5带给我们的不仅仅是更多语义丰富的标签，还有更多更牛逼的特性，比如“离线存储”。 对于台式电脑来说，或者它并没有带来什么惊喜，但是对于移动设备来说离线存储简直就是一个神迹。对于任何拥有支持离线存储浏览器的移动设备，比如iphone，ipod touch，离线存储使得web前端工程师可以很容易的针对它们开发应用程序。
前面吹嘘了一段，不过说实在的，html5本地存储就目前来说还是很受限的。其一，浏览器限制，目前只有 Safari 3.1 and later, and in iPhone OS 2.0 and later. 提供了javascript database 原生支持，不过也有 Taffy DB 可以曲线救国。(还没有用过，不敢妄下结论。)。 其二，服务器端需要修改配置，旦如果是自己的服务器就很简单了。
下面就以一个简单的offline web app－note book 为例，记录一下为iphone/ipod touch开发web app的过程。不是经验，只是初探。
完善这个app (不打算完善它了，有时间做一个实用的app专门介绍 iphone web app 的开发吧)
首先，适合iphone/ipod touch 的UI 它并不是本文的重点，有兴趣的同学可以移步这里 。这里只强调一点：你默认做的页面，放到iphone看会变的很窄，字很小。这是因为iphone用它320px宽的屏幕显示了一个默认980px宽的页面，你的内容被按比例缩小了。要解决这个问题很简单，只要在html的head区域加一个meta标记，具体语法请看这里 。 也就是这样：
这个问题解决之后我们就可以肆意的使用html5和css3来打造界面了，（针对设备开发可以不考虑兼容性，真是畅快淋漓呀。）
我大概做了个丑陋的界面：
html代码， CSS代码 (其实你可以不用看，最后有打包的代码)
这篇先到这里，太长了你看着累我写着也累，咱慢慢来。:)
0
投稿猜你喜欢
- 跨平台的事件EventUtil对象 EventUtil: var EventUtil={ addEventHandler:function(
- 本文实例讲述了Python使用PyCrypto实现AES加密功能。分享给大家供大家参考，具体如下：#!/usr/bin/env python
主要实现功能1、用户输入用户名，在用户名文件中查找对应的用户，若无对应用户名则打印输入错误2、用户名输入正确后，进行密码匹配。输入密码正确则- 需求：用户点击删除按钮时，弹出一个确定框，如果用户点击“确定”执行删除操作，否则不执行JS代码function del() {var msg
- 一、web框架本质1.基于socket，自己处理请求#!/usr/bin/env python3#coding:utf8import soc
- 在python中加背景音乐的方法：1、导入pygame资源包；2、修改音乐的file路径；3、使用init()方法进行初始化；4、使用loa
- 一、route()路由概述功能：将URL绑定到函数路由函数route()的调用有两种方式：静态路由和动态路由二、静态路由和动态路径方式1：静
- 六、XML展望 任何一项新技术的产生都是有其需求背景的，XML的诞生是在HTML遇到不可克服的困难之后。近年来HTML在许多复杂的Web应用
- pytorch里面的maxpool，有一个属性叫ceil_mode，这个属性在api里面的解释是ceil_mode: when True,
- 在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站，
- 前言：Python在人工智能，后台服务等领域中得到了广泛应用。由于python有着大量的第三方开源包以及其易用的语言特性，这门语言在数据处理
- 表单递交合法性检测-只接受数字。如下代码加入HTML的<head>区：<SCRIPT LANGUAGE=&quo
- 阅读上一章：Chapter 8 再谈清单Chapter 9 精简标签先前我们不断提到结构化内容能够把结构与设计细节分类并精简标签,该怎么做呢
- 要使数据库具备更强的抵御侵犯的能力，你要采取几步措施。有些措施只是良好的服务器管理的一部分，如拥有SQL Server最新的补丁，其他则包括
- 本文实例讲述了PHP面向对象程序设计高级特性。分享给大家供大家参考，具体如下：静态属性<?phpclass StaticExample
- 本文分享了php结合ajax实现无刷新上传图片的实例代码，分享给大家，希望大家可以和小编一起学习学习，共同进步。1.引入文件<!--图
- 1.找到配置文件-打开“开始菜单--Anaconda3文件夹--Anaconda Prompt”-输入命令： jupyter noteboo
- 如下所示：#tensorflow 中从ckpt文件中恢复指定的层或将指定的层不进行恢复:#tensorflow 中不同的layer指定不同的
- 智能合约1. 是什么智能合约是一种由计算机程序编写的自动化合约，它可以在没有第三方干预的情况下执行交易和契约条款。智能合约使用区块链技术实现
- <％ Function XMLEncode(byVal sText) sText = Replace(sText, "&am
