-
123查看全部
-
1、appcache更新注意事项： 修改资源文件，必须通过修改manifest文件来更新被缓存的文件列表。 2、优点： 完全离线； 资源被缓存，加载更快； 降低server负载。 3、缺点： 含有manifest属性的当前页一定会被缓存； 更新依赖manifest文件，更新后需要再次刷新； 更新是全局性的，无法单点更新； 对于链接的参数变化敏感，不同的参数视为不同的文件。 4、适用场景： 单地址的页面（无参数）； 对实时性要求不高的业务； 离线webapp。查看全部
-
使用appcache： 1、创建manifest文件（如图）； 2、引用manifest文件：HTML页面<html manifest="...">，服务器端添加mime-type（text/cache-manifest）。 3、更新manifest，触发updateready事件： window.applicationCache.onupdateready = function(e){ if(this.status == this.UPDATEREADY){ // manifest有更新 this.swapCache(); // 重置appcache if(confirm("是否需要刷新页面？")) window.location.reload(); } else{ // 没有更新，爱干啥干啥 } }; 4、不从离线缓存调用数据：让浏览器找不到manifest文件（删除或重命名）查看全部
-
1、离线缓存（application cache）：让web应用在离线情况下继续使用，通过manifest文件指明要缓存的资源。 2、检测是否在线：navigator.onLine 3、原理（如图）：读取离线缓存，同时检查manifest文件，有更新时更新文件和缓存。 4、缺陷：更新时需要重新拉取manifest中指定的所有文件，占用资源；更新内容会在下次生效。 5、浏览器支持：IE8-不支持。查看全部
-
【IndexedDB实例，需要好好琢磨】 var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; 1、indexedDB.open(<dbName>[,<version>]?)：打开或创建数据库 相关事件：onupgradeneeded在创建数据库或数据库版本变化时触发，可创建表或索引等；onsuccess打开成功时触发，onerror打开失败时触发。 2、<db>.transaction([<tableName>*],<mode>)：打开事务 <mode>值：read只读，readwrite可读写，verionchange版本变更。 3、<transaction>.objectStore(<tableName>)：获取objectStore对象（用于存储数据） 相关方法：add(<data>)添加数据，get(<value>)查询数据，put(<data>)更新数据，delete(<value>)删除数据，clear()清空；index(<value>)获得索引值，openCursor()打开游标（用于遍历）。 4、<db>.close()：关闭数据库 5、indexedDB.deleteDatabase(<dbName>)：删除数据库查看全部
-
IndexedDB 定义：一种能在浏览器中持久存储结构化数据的数据库，并为web应用提供了丰富的查询能力。 浏览器支持：chromw11+，FF4+，IE10+ 存储结构：按域名分配独立空间，一个域名下可创建多个数据库，一个DB可以创建多个对象储存空间（表），一个对象存储空间可以创建多个对象数据。 【W3C已不再维护Web SQL】查看全部
-
H5本地存储 API：localStorage，sessionStorage 键值对（key --> value）； 永不过期； 每个域名5M； 可以存数组、json数据、图片、脚本、样式文件。 属性和方法： .key(i) .length .getItem("<key>") .setItem("<key>","<value>") .removeItem("<key>") .clear() 使用注意事项： 使用前先判断浏览器是否支持； 写数据时，要异常处理，避免抛出容量错误； 避免将敏感信息写入localStorage； 注意key的唯一性。 使用限制： 存储更新策略，过期控制； 子域名之间不能共享存储数据； 超出存储大小后如何存储（LRU，FIFO）； server端如何取到数据（请求参数）。 使用场景： 利用本地数据，减少网络传输； 弱网络环境下，高延迟，低带宽，尽量把数据本地化。查看全部
-
服务器端的存储介质：内存（含缓存）、数据库、磁盘文件。 H5之前客户端的存储方式： 1、cookies（http请求头带着，有一定安全问题，大小约在4kb，主域名污染） 2、userdata：仅IE支持查看全部
-
离线缓存的原理查看全部
-
localstahe的优缺点查看全部
-
HTML5的几种存储方式查看全部
-
设置过期时间demo查看全部
-
本地存储使用限制查看全部
-
存储图片知识点查看全部
-
存储图片知识点查看全部
举报
0/150
提交
取消