达内广州web培训详解浏览器端缓存_达内广州web培训

广州web培训
达内广州五羊中心

18589266248

热门课程

达内广州web培训详解浏览器端缓存

  • 时间:2016-11-08 14:25
  • 发布:广州web培训
  • 来源:Techug

这篇文章达内广州web培训将为大家讲解三种浏览器端缓存:

一、localstorage

localStorage是html5的一种新的本地缓存方案,目前用的比较多,一般用来存储ajax返回的数据,加快下次页面打开时的渲染速度。

浏览器最大长度

IE8以上5M

Firefox 8以上5.24M

Opera2M

Safari/WebKit2.6M

//localStorage核心API:

localStorage.setItem(key, value)    //设置记录

localStorage.getItem(key)            //获取记录

localStorage.removeItem(key)        //删除该域名下单条记录

localStorage.clear()                //删除该域名下所有记录

值得注意的是,localstorage大小有限制,不适合存放过多的数据,如果数据存放超过最大限制会报错,并移除最先保存的数据。

二、sessionstorage

sessionStorage和localstorage类似,但是浏览器关闭则会全部删除,api和localstorage相同,实际项目中使用较少。

三、flash缓存

这种方式基本不用,这一方法主要基于flash有读写浏览器端本地目录的功能,同时也可以向js提供调用的api,则页面可以通过js调用flash去读写特定的磁盘目录,达到本地数据缓存的目的。

注释PS

Web Storage / Web SQL Database / Indexed Database的数据都存储在浏览器对应的用户配置文件目录(user profile directory)下,以Windows 7为例,Chrome的数据存储在”C:\Users\your-account-name\AppData\Local\Google\Chrome\User Data\Default\”下,而Firefox的数据存储在”C:\Users\your-account-name\AppData\Local\Mozilla\Firefox\Profiles \”目录下。

cookie文件存储于documents and settings\userName\cookie\文件夹下。通常的命名格式为:userName@domain.txt。

达内广州web培训最后要说的是,较多的缓存机制目前主流浏览器并不兼容,不过可以使用polyfill的方法来处理。

上一篇:JS重复的dom操作代码书写规范
下一篇:达内广州web培训详解缓存application cache

马上预约三天免费体验课

姓名:

电话:

你需要了解的搜索功能

达内广州web培训详解http缓存和cookie

达内广州web培训详解缓存Websql

达内广州web培训详解缓存indexDB

选择城市和中心
贵州省

广西省

海南省