Skip to content
/ mobot Public

JS/CSS移动端LocalStorage缓存资源方案

License

Notifications You must be signed in to change notification settings

moyus/mobot

Repository files navigation

mobot.js

移动端LocalStorage缓存资源方案

安装

npm install mobot

使用

mobot.timeout = 10000; // 请求超时10s
mobot.prefix = 'mobot-'; // LocalStorage前缀
mobot.expire = 24 * 7; // 7天的缓存时间
mobot.require([
  {
    url: 'https://www.xxx.xxx/static/styles.123.css',
    key: 'styles',
    unique: '123',
    cache: true
  },
  {
    url: 'https://www.xxx.xxx/static/vendors.456.js',
    key: 'vendors',
    unique: '456',
    cache: true
  },
  {
    url: 'https://www.xxx.xxx/static/app.789.js',
    key: 'app',
    unique: '789',
    cache: true
  }
], function (err, resources) {
  // 所有资源均已加载并按顺序插入到了head中
});

// 获取本地缓存资源
mobot.get('app');
// {
//   url: string       // 资源地址
//   key: string       // 索引名
//   unique: string    // hash值
//   content: string   // 资源内容
//   type: string      // 资源类型
//   stamp: number     // 什么时候缓存的
//   expire: number    // 多久之后过期
// }

// 删除本地缓存资源
mobot.remove('vendors')

// 清空本地所有缓存资源
mobot.clear()

相关讨论

https://www.zhihu.com/question/28467444