存个数据，简单话说浏览器浏览器，可操作起来比走钢丝还刺激。特别跟IE这货打交道，感觉就像跟个神经病甲方斗智斗勇。Store.js这东西，简直就是救星！

兼容性问题的终结者

这浏览器存储，说简单也简单，可每个浏览器玩的花样可多了去了。你可能在Chrome上写的代码顺畅得很，一到IE那东西，直接“404 Not Found”了。 Store.js这货就是来救场的，它把API给统一起来，不管是Chrome、Firefox，还是那个让人头大的IE，它都能轻松搞掂。

数据存储的简化大师

烦死了，存的资料就只能是个字符串？来来来，Store.js给你来个神操作，直接存对象，不用手动转成JSON字符串，取出来再自动还原成对象。你就专心搞你的业务，剩下的交给我，Store.js搞定！

// 存储数据
store.set（＇username＇， ＇javascript达人＇）
store.set（＇userInfo＇， ｛
  name ＇javascript达人＇，
  age 18，
  skills ［＇JavaScript＇， ＇Vue＇， ＇React＇］
｝）

// 获取数据
const username = store.get（＇username＇）
console.log（username） // 输出 javascript达人

const userInfo = store.get（＇userInfo＇）
console.log（userInfo.skills） // 输出 ［＇JavaScript＇， ＇Vue＇， ＇React＇］

// 删除数据
store.remove（＇username＇）

// 清空所有数据
store.clearAll（）

批量操作的高效工具

搞一堆数据一起整，Store.js这东西就特管用。一下就能搞定了设置、获取或者删数据的活儿，效率直接上天。以前那一个个慢慢来的日子，算是彻底过去了。

// 一次存储多个值
store.set（｛
  theme ＇dark＇，
  fontSize 16，
  language ＇zh-CN＇
｝）

// 获取所有存储的数据
const allData = store.getAll（）
console.log（allData）

事件监听的实用功能

// 监听某个key的变化
store.watch（＇theme＇， function（newValue， oldValue） ｛
  console.log（＇主题从＇， oldValue， ＇变成了＇， newValue）
｝）

// 监听所有变化
store.on（＇change＇， function（key， newValue， oldValue） ｛
  console.log（`$｛key｝发生了变化`）
｝）

Store.js这货能监听存储变动，挺给力的。数据一有变动，立马给你发个消息，让你赶紧处理。这东西对刷新网页内容那叫一个棒。

命名空间的组织利器

const userStore = store.namespace（＇user＇）
userStore.set（＇name＇， ＇javascript达人＇）
userStore.set（＇preferences＇， ｛ theme ＇dark＇ ｝）

console.log（userStore.get（＇name＇）） // 输出 javascript达人

项目一旦膨胀，数据管理就成了一堆麻烦。Store.js这货的命名空间技能，能帮你把数据整得井井有条。给各个模块或功能划个专属领地，数据打架的概率就小了，代码维护起来也轻松多了。

// 保存用户主题偏好
function saveTheme（theme） ｛
  store.set（＇theme＇， theme）
  applyTheme（theme）
｝

// 应用主题
function applyTheme（theme） ｛
  document.body.className = theme
｝

// 页面加载时读取保存的主题
document.addEventListener（＇DOMContentLoaded＇， （） =>； ｛
  const savedTheme = store.get（＇theme＇） || ＇light＇
  applyTheme（savedTheme）
｝）

// 切换主题按钮的事件处理
document.getElementById（＇themeToggle＇）.addEventListener（＇click＇， （） =>； ｛
  const currentTheme = store.get（＇theme＇） || ＇light＇
  const newTheme = currentTheme === ＇light＇ ？ ＇dark＇  ＇light＇
  saveTheme（newTheme）
｝）

实战案例的灵感源泉

Store.js可不是个简单的工具库，它能激发你的创意。用它，你就能搞个主题切换，搞个购物车，还能搞个记事本应用。每个案例都是个学习的好机会，让你对Store.js的运用更上一层楼。

还在为浏览器存东西的问题抓狂不？Store.js给你支招来了。赶紧试试看呗。你觉得Store.js里哪个功能最屌？评论区来晒一晒你的高见，咱们一块儿聊聊。手别闲着，点个赞，转发一下，让更多人见识这神器！