小程序学习笔记-使用缓存

微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。对于开发者而言,小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。小程序能够实现消息通知、线下扫码、公众号关联等七大功能。其中,通过公众号关联,用户可以实现公众号与小程序之间相互跳转。


image.png

以前,用户需要下载、安装才可以使用App,安装时还会考虑App占用多大存储空间、那些程序应该卸载掉以释放空间。微信小程序则无需安装,直接使用,不占用存储空间,并在使用微信小程序后,用完即走。例如,我们去餐馆点菜,并不需要去下载这个餐馆的应用程序,只需要在餐馆扫一下二维码,即可在小程序里点菜,之后并不需要去卸载应用程序,直接关闭小程序即可。


1.JPEG

微信小程序看起来是程序,但它以完全不同于App的状态出现,具有更灵活的应用组织形态。

微信小程序提供的功能如下:

1、分享页功能。用户可以将小程序的当前页面分享给好友,如分享北京到上海火车票表界面,用户打开时是这个页面的实时数据,而不需要再次启动微信小程序。

2、分享对话功能。用户可以将对话分享给好友或者微信群。

3、线下扫码进入微信小程序功能。该功能提示用户附近有那些微信小程序可以使用,扫描二维码就可以使用微信小程序。

4、挂起状态功能。例如,来电话可以先接电话,接完电话后可以继续使用微信小程序进行相关操作。

5、消息通知功能。商户可以发送消息给接受服务的用户,用户同时可以使用微信小程序的客服功能联系商户。

小程序优势:
使用成本低。无需安装和更新,即搜即用。
技术门槛低。底层技术类似于HMTL+JS+CSS,对于程序猿而言,前端技术属于入门级别的技术,能够迅速上手。
开发成本低。相对于现行APP开发和维护成本居高不下,使用小程序无疑将大大缩短开发周期和节约人力成本。
跨平台。一套程序适用于Android、IOS、WP三大手机平台。
特别适用于MVP试错、快速验证产品模式。能够快速验证一个idea的可行性。
小程序凭借微信巨大的用户基数,可以获得流量红利,降低转化成本。
直接对接微信的账号体系,用户不需要注册登录即可体验小程序。

小程序劣势:
小程序的性能和流畅度远不及原生App。
框架封闭性强,不支持开发新的组件。
开发工具不方便,无法进行版本管理。
不能调起外部App,不能在手机浏览器内运行。
支付组件只支持腾讯体系支付,无法接入支付宝和银联。
与苹果公司存在利益冲突。

最近由于业务需要,我开始学习小程序。

file.png

下面是我的学习笔记(一)

微信小程序console打印json数据

微信小程序中如果 res.data数据是一个json格式数据。

console.log("===data===" + res.data);//如果这样打印出了是只会打印一个对象名称,不会打印数据

使用下面方法就可以实现了打印json格式数据出来了。

console.log("===data===" + JSON.stringify(res.data));

微信小程序使用本地缓存localStorage

每个微信小程序都可以有自己的本地缓存,可以通过同步和异步的方法对本地缓存进行设置、获取和清理。

同一个微信用户,同一个小程序 storage 上限为 10MB。

localStorage 以用户维度隔离,同一台设备上,A 用户无法读取到 B 用户的数据。

异步请求方法:(存,取,移除,清理)

wx.setStorageSync(key,value)

wx.getStorageSync(key)

wx.removeStoragesync(key)

wx.clearStorageSync()

Page({
  data: {
    testnum:""//设置测试参数
  },
  onLoad:function(option){
    var num = wx.getStorageSync('testNum');//wx.getStorageSync(key),获取本地缓存
    this.setData({
      testnum:testnum
    });
  }
})
同步请求方法:(存,取,移除,清理)

wx.setStorage(key,value)

wx.getStorage(key)

wx.removeStorage(key)

wx.clearStorage()

Page({
  data: {
    testnum:""//设置测试参数
  },
  test:function(){
    var Num = this.data.testnum;
    wx.setStorage({//存储到本地
      key:"testNum",
      data:Num
    })
  },
  onLoad:function(option){
    var that = this,
    wx.getStorage({//获取本地缓存
      key:"testNum",
      success:function(res){
        that.setData({
          testnum:res.data
        });
      },
    })
  }
})

storage有些小细节需注意:

1.localstorage,无时效性,除非手动清理,不然一直都在。

2.大量使用会造成储存空间不足,微信会清空最近最久未使用的小程序的本地缓存。

3.微信中的「发现」-「小程序」,长按不想要的小程序,然后点击「删除」按钮,这样删除才能彻底清理掉缓存删掉小程序。直接在页面顶部移除小程序,缓存没被清理掉。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,496评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,407评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,632评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,180评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,198评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,165评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,052评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,910评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,324评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,542评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,711评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,424评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,017评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,668评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,823评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,722评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,611评论 2 353

推荐阅读更多精彩内容