简介 微信小程序提供了缓存的api,包括同步和异步两种,具体api不多说明,可自行查看官方文档 现在微信小程序缓存api存在一个问题就是没有设定过期时间,下面给大家介绍一下对小程序缓存的二次封装,使其支持设定过期时间 实现方法 先声明,这个并非原创方法,只是查找资料的时候看到的,觉得挺有用,就记录下来,也算转播给大家 原作链接:https://gitee.com/JiangMu/wcache,侵删 微信小程序缓存是永久性,实际开发中需要定制时效性缓存:因此做了二次开发 设置缓存---------

在app.js中这样引入 import '@src/utils/mixins' mixins函数如下 /** * 封装类似vue的混入功能 */ let native = Page Page = (obj) => { let {mixins = []} = obj let merge = new Merge() Reflect.deleteProperty(obj, 'mixins') let pageData = mixins.length <= 0 ? obj : merge.start(

这次给你们安利的是微信小程序封装storage,先说下微信官方的 wx.getStorage({ key:"", success: function (res) { }, fail(error){ } }) 官方的方法用起来很麻烦,和我们之前习惯用localStorage.getItem看这个就很别扭,你也一样对吧,别问我怎么知道的  你来这文章的时候你肯定就是不习惯官方的,没关系,我给你封装好了. 第一步.根目录新建utils目录,目录内新建一个utils.js的文件 第二步.复制下

微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </view> <button bindtap="RequestData" value="Button">Button</button> 主要是一个按钮,点击后将请求的数据写入到textarea中 js文件: Page({ data:{ textd

微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序,并讲解了这个自动生成的微信小程序的视图开发原理. 这个系列的下一步,会继续介绍这个微信小程序的控制器index.js的实现.在上一篇微信小程序视图源代码的讲解里,我们通过逐行讲解代码的方式,介绍了微信小程序视图的基本开发思路.但是讲控制器index.js, 仅仅采取静态

亲,你是不是也遇到了微信小程序的button按钮设置宽度无效.让我来告诉你怎么弄 方法1. 样式中加入!important,即:width: 100% !important; wxss代码示例 1 2 3 4 5 6 7 8 9 .login-btn {     font-size: 16px;     width: 100% !important;     font-weight: 400;     color: #fff;     border-radius: 4px;     border

每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSync).wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置.获取和清理.本地缓存最大为10MB. 注意: localStorage 是永久存储的,但是我们不建议将关键信息全部存在 localStorage,以防用户换设备的情况. wx.setStorage(OBJECT) 将数据存储

设置域名 登录微信公众号后台小程序中 设置→开发设置→服务器设置 必须设置域名,微信小程序才能进行网络通讯,不然会报错 如果设置好了合法域名,开发工具还提示不在合法域名列表中,因为在微信会有一段时间的缓存,等一会可能就好了. 还要在开发工具中刷新一下,直到有数据显示那就应该是没问题了. 微信开发者工具→项目→配置信息 如果没有设置合法域名,在开发阶段是可以不设置合法域名的 微信开发者工具→项目→基础信息

小程序会在本地存储数据,当服务器数据更新后,通常在小程序上显示的还是旧的数据,点击右上角的关闭按钮,再次打开小程序同样没有更新. 怎样才能完全清除小程序的缓存数据? 删除小程序的方法是: 1.第一步: 打开微信的“发现”->“小程序”,这里看到使用过的小程序列表,你刚才打开的小程序就在第一个位置.在这里删除小程序就能完全清除缓存. 2. 第二步: 安卓手机:长按就能看到有删除按钮的菜单.苹果手机:向左拖动

今年过年,主要看了<奇葩说>和<电锯惊魂>,很不错,好东西的确需要留出足够的时间来看,匆匆忙忙走马观花是对作者的不尊重.除此之外,就是研究了一下微信小程序开发,先说对小程序的看法: 1.学习成本低.移动端很重要,谁都知道.但对于普通开发者,要投入到移动端的开发中,学习.掌握移动端开发,成本较高.我原来搞了一段时间android开发(Android新手之旅),项目完成后有一段时间放下了,后来想捡起来发现很困难.我思考,也许一个很重要的原因,android开发用java.clipse,

微信小程序提供了一个如同浏览器cookie本地缓存方法,那就是今天要说的wx.setStorageSync() 注意,该方法是同步请求,还有个异步请求的方法是wx.setStorage(),参考官方文档[https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html] 取出本地缓存方法wx.getStorageSync,同样的,它也是异步请求,它也有一个同步请求方法wx.getStorage(), 使

20180511微信小程序正式关闭原先getUserInfo的逻辑 不再允许自动弹出授权框. 方法一: index.wxml(准备一个用于给用户授权的页面,我这里直接用了一个全屏按钮) <view class='warp' hidden='{{eye}}'> <button open-type="getUserInfo" hover-class='none' bindgetuserinfo="getUserInfoFun">.</but

wxParse是一个微信小程序富文本解析组件.现在小程序里面自带了一个<rich-text>组件也能解析富文本,但是表现不尽人意.所以我还是采用的wxParse来解析富文本的. wxParse git地址:https://github.com/icindy/wxParse.可以先稍作了解.下面具体讲一下我实现的步骤: 1.下载 wxParse,解压,将 wxParse 放入小程序中. 如下图: 2.在 你需要引用这个插件的 wxml 文件中引用  wxParse.wxml //路径根据你实际情

微信小程序开发文档-组件-swiper后面追加的新闻如上图所示: 如果在bindchange事件给swiper的current属性对应的值{{current}}赋值,就会造成抖动现象. bindchangeSwiper(event) { console.log(event.detail); this.setData({ current: event.detail.current }) }, 可是有的时候我们确实需要动态获取当前的swiper-item索引,用来额外做一些其他操作: 为了解决这个问

小程序由于内置于微信,这使得它有了得天独厚的宣传和使用优势,本着学习的心态,我在官网上看了一遍开发文档,大致得出小程序框架的设计模式与使用注意事项(重点来了,其实开发文档某些方面叙述的并不仔细,甚至存在歧义).在此与诸君分享,还望不吝赐教. 0.小程序框架结构就不多赘述有兴趣的童鞋可以移步我的博客查看这篇文章,现在要讲的是开发中经常需要用到的,节点查询的API - wx.createSelectorQuery(). 1.使用方法:(从文档上粘来的栗子,只不过我在上边添加上了注释

在写小程序的时候,每个JS文件都一大堆的请求,看得自己都眼花缭乱,下面看一下怎么对请求方法进行封装. 1,方法封装,在util文件夹下新建文件,创建request.js文件,工具文件,用于对方法封装) request.js var app = getApp(); //项目URL相同部分,减轻代码量,同时方便项目迁移 //调用url配置文件 文件config.js是对项目的所有url进行封装 便于管理 const CONFIG = require('../..//utils/config.js')

在我编写公司小程序的过程中,有一次在网页端添加了一张图片,结果在小程序端访问失败了,究其原因,竟然是因为该图片名称中有一个“&”符号,网页端添加后,自动转义成了“&”存储到了数据库.当然,这种格式如果是在HTML去访问图片地址,会自动在转义成“&”,但是小程序的WXML并没有这种功能,所以这就需要我们在小程序端自行操作进行转义了. 首先,明确一下会自动转义存储的常用的特殊字符有哪些: 字符 转义字符 " " & & < < >

生命周期是指一个小程序从创建到销毁的一系列过程 在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面 先来看一张小程序项目结构 从上图可以看出,根目录下面有包含了app.js,app.wxss,app.json三个文件 这是小程序的全局文件,app.js是小程序逻辑 ,app.json是小程序公共设置,app.wxss是小程序公共样式表 在app.js文件中 , 定义了一些生命周期方法 , onLaunch,onShow,onHide,onError,以及任意开发者添加

最近在做小程序的登录,需要同时获取用户手机号和头像昵称等信息,但是小程序又不支持单个接口同时获取两种数据,因此想到自定义一个弹窗,通过弹窗按钮触发获取手机号事件.记录一下. 具体代码如下: 业务代码中: 在业务代码中引入dialog组件即可 <dialog visible="{{dialogVisible}}" showFooter="{{footerVisible}}" title="测试一下"> <view class='d

小程序开发中我们需要获取到后端给的cookie进行请求验证,但是微信并没有帮我们保存cookie,那么我们要维持会话需要自己来保存cookie,并且请求的时候加上cookie 1.获取cookie 在登录请求后读取 返回值的, header的cookie,并本地存储 //登录请求回来之后,读取res的data的key //这里的token随便写的,就是个唯一标识 wx.setStorageSync("token", res.data["key"]) 2.请求带上co

hotapp 有免费的https proxy ,可以免费代理请求任何http或者https服务,只要设置好合法域名为https://wxapi.hotapp.cn, 就可以请求网址如请求小程序联盟的例子为点击下面链接,可以查看效果https://wxapi.hotapp.cn/proxy/?appkey=hotapp11377340&url=http://www.wxapp-union.com/这个https proxy 有什么用(1)如果开发期间公司的业务还未支持https,可以先用这个请求公