js浏览器本地存储store.js介绍及应用
store.js - 轻松实现本地存储(LocalStorage)
store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。
store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能:
代码如下:
store.set('username', 'marcus')
store.get('username')
store.remove('username')
store.clear()
store.set('user', { name: 'marcus', likes: 'javascript' })
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)
// Get all stored values
store.getAll().user.name == 'marcus'
// Loop over all stored values
store.forEach(function(key, val) {
console.log(key, '==', val)
})
获取代码:https://github.com/marcuswestin/store.js
相关推荐
-
JS实现本地存储信息的方法(基于localStorage与userData)
本文实例讲述了JS实现本地存储信息的方法.分享给大家供大家参考,具体如下: WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题. sessionStorage与localStorage Web Storage实际上由
-
纯js实现无限空间大小的本地存储
好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了, 项目地址https://github.com/xueduany/localstore, demo见http://xueduany.github.io/localstore/, 下面给大家简单说说大概原理,具体细节和异常处理后面有机会在单独说 先说下突破本地localStorage的原理,官方原话是这么说的http://www.w3.org/TR/2013/PR-webstor
-
本地存储localStorage用法详解
一.什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同. 二.localStorage的优势与局限 localStorage的优势 1.localStorage拓展了cookie的4K限制 2.localStorage会可
-
基于js 本地存储(详解)
在客户端运行的JS是不能操作用户电脑磁盘中的文件的(保护客户端运行的安全) 1.JS中的本地存储: 使用JS向浏览器的某一个位置中存储一些内容,浏览器即使关闭了,存储的信息也不会销毁,当在重新打开浏览器的时候我们依然可以获取到上一次存储的信息 本地存储的方案: 传统: cookie:把信息存储到客户端的浏览器中(但是项目服务器端也是可以获取COOKIE的) session:把信息存储到服务器上的(服务器存储) HTML5:webStorage localStorage:永久存储在客户端的本地 s
-
js浏览器本地存储store.js介绍及应用
store.js - 轻松实现本地存储(LocalStorage) store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globalStorage 或者 userData 来实现本地存储功能. store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能: 复制代码 代码如下: store.set('username', 'marcus') stor
-
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
本文实例讲述了JS+HTML5本地存储Localstorage实现注册登录及验证功能.分享给大家供大家参考,具体如下: 源码引用的js.jquery都是在线的,代码拷到本地就能运行 登录: <html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, m
-
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
前言:cookie,localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同:总结一下基本的用法. 一.cookie 定义: 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽: 可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,存在有效的时间. 注意点: cookie的访问需要服务器环境,直接在本地文件访问无效: cookie的访问和设置需要导入jquery.cookie.js文件: 浏览器对每一个访问的地址下可添加的c
-
Vue 插件及浏览器本地存储
目录 插件 localstorage SessionStorage 总结 TodoList 改为本地存储 插件 功能:插件通常用来为 Vue 添加全局功能 本质:包含 install 方法的一个对象,install 的第一个参数是 Vue,第二个以后的参数是插件使用者传递的数据 定义插件:vue官网是这样描述的:Vue.js 的插件应该暴露一个 install 方法.这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象 对象.install = function(Vue,opt
-
Vue 浏览器本地存储的问题小结
目录 localstorage SessionStorage 总结 TodoList 改为本地存储 localstorage <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浏览器本地存储</title> </head> <body> <div id="root&q
-
js仿微博实现统计字符和本地存储功能
随着移动设备和Web应用的普及,为了更好的便于用户的使用,对于网页或应用程序的用户体验要求就越来越高,确实是这样,作为用户更喜欢选择用户体验效果好的网站或应用程序,所以作为开发者的我们就需要开发出更人生化的应用程序了. 相信许多人有使用微博的经验,像微博这样的社交平台,好的用户体验就变得尤其重要了. 例如:我们在发微博时,文本框会实时地提示我们剩余字符数,这样人性化的提示方便了用户知道微博字数的限制,同时也限制了用户的输入字数. 有一句话我们要牢记在心的是:凡是输入,必有限制:凡是输入,必须校验
-
JS项目中对本地存储进行二次的封装的实现
目录 前言 定义恒量的键名 下层实现 上层调用 总结 前言 平时在开发的中,发现身边同事在使用localStorage和sessionStorage的时候,喜欢在代码里面直接调用,举个的栗子: function login() { //...请求 const userInfo = {userId: 123, userName: '张三'} sessionStorage.setItem('userInfo', JSON.stringify(userInfo)) } function getUser
随机推荐
- JS实现页面打印功能
- Asp.net mvc 权限过滤和单点登录(禁止重复登录)
- 网页播放器 windowsmediaplay中控制从wmv的指定时间开始播放,指定时间停止播放
- 基于node.js依赖express解析post请求四种数据格式
- Ubuntu 16.04备份和恢复小结
- 浅析C/C++中sort函数的用法
- Oracle中SQL语句连接字符串的符号使用介绍
- C# 对象持久化详解
- 用C实现PHP扩展 Image_Tool 图片常用处理工具类的使用
- Js 回车换行处理的办法及replace方法应用
- php利用GD库生成缩略图示例
- c语言 跳台阶问题的解决方法
- MySQL字符串函数详解(推荐)
- javascript replace()用法详解附实例代码
- Android多媒体应用使用MediaPlayer播放音频
- Java在利用反射条件下替换英文字母中的值
- PHP实现的策略模式示例
- Yii 使用intervention/image拓展实现图像处理功能
- sql中时间以5分钟半个小时任意间隔分组的实现方法
- php源码的安装方法和实例