微信小程序的数据缓存

这篇具有很好参考价值的文章主要介绍了微信小程序的数据缓存。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当我们做 微信小程序开发的时候,我们经常要与后台打交道,做一些数据缓存的工作

用到的方法为 wx.setStorage wx.getStorage wx.clearStorage  

第一步:存储数据

首先我们要定义初始化的值 默认为空  js中

data: {
    key:"",
    data:"",
    info:""
  },

然后利用input标签为其绑定一个bindinput属性 方法就是key值和data值改变的方法在js中会定义的

<input class="border-bottom" placeholder="请输入key值" name="key" value="{
  {key}}" bindinput="keyChange" type="text"/>
   <input class="border-bottom" placeholder="请输入data值" name="data" value="{
  {data}}" bindinput="dataChange" type="text"/>

当我们在input标签中输入内容的时候,bindinput事件就会随时记录下我们输入的内容,并会触发keyChange方法,会记录在object下的detail中的value中,我们把输入框中的值付给我们空的key文章来源地址https://www.toymoban.com/news/detail-469632.html

keyChange:fun

到了这里,关于微信小程序的数据缓存的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序云开发------数据库增删改查

    初始化 查询 在记录和集合上都有提供 get 方法用于获取单个记录或集合中多个记录的数据。 一、直接调用get()获取所有的记录 二、获取指定的记录 三、获取多个记录的数据 通过调用集合上的 where 方法可以指定查询条件,再调用 get 方法即可只返回满足指定查询条件的记录

    2023年04月21日
    浏览(47)
  • 微信小程序云开发(云数据库的使用)

    云数据库提供高性能的数据库写入和查询服务。通过腾讯云开发(Tencent CloudBase.TCB)的SDK,可以直接在客户端对数据进行读写,也可以在云函数中读写数据,还可以通过控制台对数据进行可视化的增、删、查、改等操作。微信小程序云开发所使用的数据库本质上就是一MongoD

    2024年02月09日
    浏览(97)
  • 微信小程序云开发,数据库“增”、“删”、“改”、“查”操作

    因为项目需要刚接触小程序,算是个萌新,写这篇文章是为了巩固一下所学的东西(其实就是闲着太无聊了😂),代码是靠自己理解的,如果有错,欢迎各位指正( ̄︶ ̄*)) 废话不多说了,嘿喂狗~~ 首先说到数据库操作就会让人想到那四个字 “增”、“删”、“改”、“查”

    2024年02月09日
    浏览(62)
  • 微信小程序网悦新闻开发--云函数以及云数据开发(七),详细学习指南

    微信小程序网悦新闻开发–我的模块开发(五) 微信小程序网悦新闻开发–自定义组件开发(六) 微信小程序网悦新闻开发–云函数以及云数据开发(七) 云函数 云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写、一键上传部署即可运行后端代码。 小

    2024年04月25日
    浏览(44)
  • 微信小程序云开发—01(云数据库、云函数的创建与基本使用)

    1. 小程序云开发,让前端程序员拥有后端的能力 2. 云函数 (nodejs) 3. 云数据库 (mogodb) 4. 云存储 5. 前端写好云函数 - 上传到云服务器 -实现自定云部署 6. 前端去调用云函数=间接通过云函数对数据库的操作 7. 前端=》全栈 1. 在app.js 2. 云函数index.js 定义id 3. 云id来自 云开发

    2024年02月15日
    浏览(46)
  • 微信小程序用什么工具开发(微信小程序开发工具介绍)

    有很多人在开发小程序之前都会去了解微信小程序开发工具,想知道微信小程序用什么工具开发。时至今日,随着互联网技术的发展,现在开发微信小程序也能使用多种不同的工具,让我们来了解一下吧。 一、微信开发者工具 这是微信官方提供的微信小程序开发工具,可以

    2024年02月11日
    浏览(67)
  • 基于天问51-Core自制开发WIFI模块连接MQTT&巴法云平台-微信小程序显示温度数据

    目 录 一、摘要 二、项目准备材料 三、硬件总体设计 四、软件代码设计 五、整体测试联调 六、效果展示 一、摘要 本项目基于天问51-Core最小系统开发,自行设计PCB电路,主要包括DHT11、ESP8266、OLED三个主要外设模块。此项目实现的三大功能:1、基本功能:单片机将DHT11获取

    2024年02月06日
    浏览(54)
  • [微信小程序] 认识微信小程序及开发环境搭建

      微信公众平台首页 https://mp.weixin.qq.com   微信公众平台测试帐号系统 https://open.weixin.qq.com/connect/qrconnect?appid=wx39c379788eb1286ascope=snsapi_loginredirect_uri=http%3A%2F%2Fmp.weixin.qq.com%2Fdebug%2Fcgi-bin%2Fsandbox%3Ft%3Dsandbox%2Flogin   1、微信公众平台提供的帐号模式   2、各类型帐号的应用场景 餐厅

    2024年02月08日
    浏览(51)
  • 【微信小程序】如何上传uniApp开发的微信小程序?

    微信开发者工具下载链接 Hbuilder X下载链接 扫码 选中账号 登录成功: ps: 如果之前没有权限但是已经登录此账号,需要在获取到权限后重新登录一次❗❗ ps: 不选中 运行时是否压缩代码 有可能代码包不包含插件大小过大,导致上传失败❗❗ 小程序性能优化指南 操作1 操作

    2024年02月09日
    浏览(217)
  • 微信小程序上传头像的临时路径,持久化保存到服务器与数据库(nodejs后台开发)

    从微信小程序中返回的用户头像临时地址 http://tmp/H0GP7BW5HTQs846c0d9deef32d42f2203340efc4a5c3.jpeg 会失效,且只能一段时间内在微信访问,并且无法在公网访问用户头像临时地址avatarUrl。 所以需要将临时地址avatarUrl转成实际可用的地址保存到mysql数据库的wxusers表的avatarUrl列中,同时将

    2024年02月14日
    浏览(64)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包