‘壹’ 微信小程序开发——本地缓存
本地缓存是指微信小程序存储在当前设备空间里地数据。在官方文档说明中,其所有的数据存储上限为10MB即单个小程序的存储空间上限为10MB。==在使用过程中用户使用本地缓存可以存储一些非重要性的生产操作,例如让小程序再次打开能快速渲染页面,减少用户等待时间。
小程序提供了读写删本地缓存的方法:
关于同步缓存和异步缓存的区别
异步与同步的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。
写入本地缓存
根据key读取本地缓存
根据key移除本地缓存
清除本地所有缓存
最后,还要注意的一点是如果写入了同样key的缓存数据,后写的会覆盖了前者,因此需要我们注意一下
‘贰’ 把git上微信小程序项目拉到本地运行
三个月没写博客了,最近老大给安排了新任务,做小程序开发,虽然前几年也写过,但是现在几乎全忘了~后面可能会逐步的更新一些在开发小程序过程中遇到的问题,写小程序也算是从小白开始了。
这篇笔记其实也参考了网上的两位码友的博客合并成一份的,一直做Android连小程序怎么导项目都忘记了,还有npm的部分,这块后面打算单独出个博客介绍。
然后会弹出git命令窗口,输入
一直按回车就好,等显示done完成后进入到下一步
这个时候直接运行,会显示[ app.json文件内容错误] app.json: [ “usingComponents“ ] 未找到,类似的错误,这是需要构建npm
如果直接构建可能有下面的问题
1.进入小程序根目录,打开cmd,输入:npm init
输入命令后一直点回车
2.输入命令:npm i miniprogram-sm-crypto --proction
执行命令完之后,然后再去微信开发者中点工具-构建npm,然后就成功了,如下图:
‘叁’ 【微信小程序】本地缓存
本地缓存官方讲解:
https://developers.weixin.qq.com/miniprogram/dev/api/data.html#wxsetstorageobject
演示视屏可以关注公微信订阅号查看(Rabbit_svip)。
样式随便写,主要留意功能。
页面结构
【app.json】
【login.wxml】
【login.js】
【index.wxml】
【index.js】
先看看【app.json】,在pages里面,要把login放在第一,这样在小程序打开的时候,就会先打开login.wxml这个页面。
【login.wxml】页面,第二行的<form>标签里,要加bindsubmit。
这是微信官方文档上写明的事件。在<form>表单提交时,会携带<form>中的数据出发submit事件。
在使用bindsubmit时,记得在input元素上面写明“name”属性。
可以试试,查看一下控制台输出的值。
【login.js】
在点击登录提交表单后,如果登录成功,用wx.setStorage(),把用户名临时存储起来。
存储完成后,跳转页面。用到 wx.redirectTo
用 wx.redirectTo 进行跳转,是没有返回上一层的路径的。
在login.js这个页面中,用到 onLoad 这个函数(第107行)。作用是监听页面加载。
onLoad里面,用到 wx.getStorage 这个API。作用是检测本地缓存,看看是否有对应的key指定的值。如果有,则调用 success 这个回调函数。
【index.js】
这个页面设置了一个清除本地缓存的button。
用到 wx.removeStorage 这个API。
这里只要指定key值就行。这样就可以删除掉对应的缓存。
删除成功后,执行 success 回调函数。
‘肆’ 微信小程序本地正常上线怎么加载不出来
应该是跨域问题。
‘伍’ 微信小程序文件如何下载到本地
对于PDF等格式文档
1.使用wx.downloadFile() 下载docx文件后,使用fileSystemManager.saveFile API保存docx文件为图片格式
2.保存成功后,再使用wx.saveImageToPhotosAlbum保存到相册,最终路径为:手机\内存\tencent\MicroMsg\WeiXin\xxxx.jpg
‘陆’ 小程序怎么临时加载本地相册图片
小程序中获取图片可通过两种方式得到,第一种是直接打开微信内部自己的样式,第一格就是相机拍照,后面是图片,第二种是弹框提示用户是要拍照还是从相册选择,下面一一来看。
选择相册要用到wx.chooseImage(OBJECT)函数,具体参数如下:
直接来看打开相机相册的代码:
Page({ data: { tempFilePaths: '' }, onLoad: function () { }, chooseimage: function () { var that = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 that.setData({ tempFilePaths: res.tempFilePaths }) } }) }, })
方法一效果图如下:
点击获取弹框提示,代码如下:
Page({ data: { tempFilePaths: '' }, onLoad: function () { }, chooseimage: function () { var that = this; wx.showActionSheet({ itemList: ['从相册中选择', '拍照'], itemColor: "#CED63A", success: function (res) { if (!res.cancel) { if (res.tapIndex == 0) { that.chooseWxImage('album') } else if (res.tapIndex == 1) { that.chooseWxImage('camera') } } } }) }, chooseWxImage: function (type) { var that = this; wx.chooseImage({ sizeType: ['original', 'compressed'], sourceType: [type], success: function (res) { console.log(res); that.setData({ tempFilePaths: res.tempFilePaths[0], }) } }) } })
文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。
布局文件:
<button style="margin:30rpx;" bindtap="chooseimage">获取图片</button> <image src="{{tempFilePaths }}" catchTap="chooseImageTap" mode="aspectFit" style="width: 100%; height: 450rpx" />
‘柒’ 微信小程序的游戏能够下载到本地吗
这个是不可以下载到本地的。因为微信会控制你。不让你把这个游戏下到本地。如果你把它下到本地了。玩游戏的时候就不需要。登微信了。那微信就收不到钱了。所以他是不会让你把游戏下到本地的。你只能通过微信。才能进入这个小程序。然后微信去搜游戏方的钱。微信房才有利润。
‘捌’ 请问,我想编一个小程序,从我的程序里能直接打开我指定的本地磁盘文件夹,请问怎么实现
方法多了
1. 可以将指定文件夹做一个快捷方式
2.可以打开记事本,只写一行 "explorer d:\我的文件夹" 然后另存为"自动打开.bat"
3...
你真要写代码也有各种各样的语言.例如C语言 就在main里面写一句
system("explorer d:\我的文件夹");
‘玖’ 如何在小程序中调用本地接口
数据采集程序有公开的接口就是是一个函数(应该具有读取数据的功能),你所要做的就是如何调用这个函数; 添加事件 ShellExecute(this->m_hWnd,"open","接口程序.exe", "路径","",SW_SHOW ); 并添加头文件#include
‘拾’ 小程序 swiper组件怎么加载本地图片
怎样为幻灯片添加声音1. 在第一张幻灯片中插入“影片和声音”--“文件中的声音”选择想要的音乐文件。2. 选择“幻灯片放映”--选择“自定义动画”,在下面的对象框中,右击要播放的歌曲,在“效果选项”中可自定义音乐,“开始播放”“停止播放”的方式。将“停止播放”选项改为在XX张幻灯片后,一般选择为你的幻灯片的最后一页的页码。3. 在“计时”标签中,重复的选项框中选择直至幻灯片末尾。4. 在“声音”设置标签中,将“幻灯片播放时隐藏声音图标”勾选,放映时会好看些。