本章主要内容是WebStorage与本地数据库，其中WebStorage是对cookie的优化，本地数据库是HTML5添加的一个功能，使用它可以在客户端建立一个数据库

大大减轻服务器端的负担，加快访问数据速度。

学习本章需要掌握Web存储基本概念，了解会话存储与本地存储的使用与差异

掌握本地数据库的使用什么是WebStorage？

前面说过，webstorage是对cookie的优化而来，HTML4中使用cookie在客户端存储用户数据，长期使用发现存在以下问题：

大小限制在4kbcookie每随HTTP事务一起发送，浪费过多正确操作cookie很复杂(这个有待考虑)

由于以上问题，HTML5提出了WebStorage作为新的客户端本地保存技术。

复制代码

代码如下：

WebStorage技术在网络上存储数据即针对客户端本地；具体而言分为两种：sessionStrage：session即会话的意思，在这里的session是指用户浏览某个网站时，从进入网站到关闭网站这个

localStorage：将数据保存在客户端硬件设备上，不管它是什么，意思是下次打开计算机当时数据还在。

每个区别就是一个作为临时保存，一个拥有长期保存。

使用示例

复制代码

代码如下：

简单应用

WebStorage实验

html5自动添加数据库,HTML5本地存储之如果没有数据库究竟会怎样相关推荐

html5本地数据库没有用,【HTML5初探之本地存储】如果没有数据库。。。
导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上)]看我canvas元素引领下 ...
IndexedDB浏览器本地存储、缓存、数据库、介绍
目录 1.前言 2.IndexedDB简介 3.IndexedDB使用场景 4.IndexedDB特点 4.1.非关系型数据库 NoSql 4.2.持久化存储 4.3.异步操作 4.4.支持事务 4. ...
HTML5基础扩展——地理位置、本地存储、缓存
HTML5扩展,继上两篇博客,我们来看一下HTML5的一些扩展的功能,由于HTML5更多是为了兼容电脑浏览器,安卓浏览器,苹果浏览器更多浏览器,或者说为这些浏览器提供一个统一的标准.因此目前在手机上的 ...
discuz自动添加兼容html5标签的音乐播放器
关于在discuz中mp3附件自动添加Windows Media播放器插件的方法的文章网上有很多,只要修改./templates/default/discuzcode.htm文件就可以了,但是毕竟不是 ...
前端三种本地存储方式+indexedDB浏览器数据库存储
1.cookie存储: 特征:1.不同的浏览器存放的cookie位置不一样,也是不能通用的.2.cookie的存储是以域名形式进行区分的,不同的域下存储的cookie是独立的.3.我们可以设置cook ...
mysql 数据库迁移到云数据库,从本地MySQL迁移到云数据库为什么是Amazon Aurora？mysql云端数据库...
近两年,随灭云情况的成熟,良多企业的营业都正在向云端迁徙.于是,"云数据库"成为最时髦词汇之一,被AWS.微软.阿里.华为等大厂推崇.那么,对于用户来说,他们若何对待云数据库的成长 ...
App Inventor 2数据存储组件之：微数据库，本地存储数据App下次启动可共享读取
数据存储一般分为两大类:本地和网络,本地一般是数据文件的形式存储在手机上,本地App每次启动都可以共享读取,但是不同的手机之间不可以共享数据:如果需要多个手机之间共享获取或存储数据的话,那就需要用 ...
HTML5自动生成相框,HTML5拖放API实现自动生成相框功能
实现功能: 将桌面图片拖入指定地方,生成相框和相关信息. 相框需要自己配置,设置为背景,在CSS中设置. 效果如图: html部分: H5拖放API之图片相框效果 > 请将图片拖放至此处 CSS ...
html5 自动扣图,html5利用canvas实现颜色容差抠图功能
利用canvas的getImageData,我们可以获取到一张图片每一个像素的信息,而通过对每一个像素信息的对比,我们就可以找到需要消去的像素点.比如下面这一张图片,如果我们想要扣去白色部分(粉色是b ...

html5自动添加数据库,HTML5本地存储之如果没有数据库究竟会怎样

WebStorage实验

html5自动添加数据库,HTML5本地存储之如果没有数据库究竟会怎样相关推荐

最新文章

热门文章