H5,前端,本地存储
文章平均质量分 75
babylove_lin
当我足够好,才能遇见你~
展开
-
本地存储-webstorage 简易数据库
上一篇文章写到,我们可以利用本地存储写留言板,但是呢我们注意到一个问题,留言写在里面了,是用键值对的形式进行存储的,说白了,就是只有两个数据,而数据库中,数据表都是分为几列的,要怎么进行管理呢?还有怎么去进行搜索呢?下边给大家一个简单的例子:这是一个记录信息的例子,学生的信息有好多,姓名,性别,身高,体重,年龄等等。。。。那么在本地存储中,我们只能靠键值对的形式去存储,那么键名肯定是学生姓原创 2017-09-11 12:05:19 · 362 阅读 · 0 评论 -
本地存储webstorage-如何监测本地数据是否改变
在H5中,window对象里面有一个storage事件,我们可以进行监听或者指定其事件处理函数的方法,在其他页面修改了sessionstorage或者localstorage中的值时,要做的处理。我们先看一下一下几个属性:1、event.key:这个是 被修改的数据键值2、event.oldValue : 被修改前的值3、enent.newValue:被修改后的值4、even原创 2017-09-11 13:59:20 · 2306 阅读 · 1 评论 -
本地数据库-SQLLite
在H5,web时代又回到了“客户端为重,服务器端为轻”的时代。原因是什么呢?在H4中,数据库只能放在服务器端,而在H5,我么可以像访问本地文件那样,轻松地对内置数据库进行访问。H5有两种数据库,一种是SQLLite,看见SQL就知道,这个也是可以通过SQL语言来访问的,另一种是indexedDB,NoSQL类型的数据库。和服务器端数据库一样,本地我们也要去执行相应的数据库步骤:1创建访问数据库原创 2017-09-11 15:53:04 · 2664 阅读 · 1 评论 -
H5本地存储-indexedDB数据库(一)
H5中新增一种数据库,叫做indexedDB数据库,存储在客户端,且为NoSQL数据库。支持Chrome11+,Firefox4+,opera18+以及Safari8+。1如何连接indexedDB数据库首先要对数据库,数据库使用的事务,IDBKeyRange对象以及游标对象进行预定义。 window.indexedDB=window.indexedDB || window.we原创 2017-09-12 09:31:05 · 1974 阅读 · 0 评论 -
H5本地存储-indexedDB数据库(二)创建对象仓库
创建对象仓库 window.indexedDB=window.indexedDB || window.webkitIndexedDB|| window.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkitIDBTransact原创 2017-09-12 10:09:09 · 1227 阅读 · 0 评论 -
H5本地存储-indexedDB数据库(三)创建对象索引
创建对象索引 window.indexedDB=window.indexedDB || window.webkitIndexedDB|| window.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkitIDBTransact原创 2017-09-12 10:32:18 · 1106 阅读 · 0 评论