小程序
Mountain08
向上的路其实并不拥挤,就像出地铁站时的扶梯和楼梯。
展开
-
小程序token过期后, 实现无感知的刷新token
当我们使用在小程序中做用户登录的时候, 后台给用户一个token, 小程序端用本地缓存token ,以后每次请求的时候,带上这个token 发起请求, 后端解析token中的数据, 查看是否有过期,或其它的错误, 如果正常的话, 后端是可以从这个token中 确认这个请求是哪一个用户发送过来的。一般token过期就重新指引用户登录一下就可以了, 但是,微信小程序是可以实现用户自动登录的。那么, 当我们的token过期了,该怎么办呢, 封装了一个 用户无感知获取token的 请求类。原创 2022-11-09 16:26:26 · 3288 阅读 · 0 评论 -
小程序地址传参有长度限制怎么处理
/**1.在准备传参跳转的页面**/letcompetition = {}//这是一个很长的很多数据的对象//转成String编码一下competition = encodeURIComponent(JSON.stringify(competition))wx.navigateTo({ url:`pages/common/index?info=${competition}`})/**2.在接收参数的页面**/onLoad(options){ let info= decod...原创 2021-01-28 16:42:17 · 1675 阅读 · 1 评论 -
小程序 input键盘弹出时,滚动页面,输入框内容错位问题
页面中内容超过一屏的时候,滚动到底部或者中间,只要是超过一屏的地方,—input聚焦的时候就会把焦点弹到页面最顶部我现在是直接写的一个包裹元素,然后给样式 height:100%; overflow:scroll; box-sizing: border-box; padding-bottom:80rpx;解决办法是:把最外层的包裹元素换成下面代码,然后把样式height:100%;overflow:scroll;去掉!!!view: <scroll-view scroll-y=原创 2020-06-16 14:18:53 · 4662 阅读 · 3 评论 -
小程序做签名功能生成签名后生成海报上传到服务端
以上是效果图:wxml:<canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouchend="canvasEnd" touchcancel="canvasEn...原创 2019-07-26 16:17:48 · 1602 阅读 · 6 评论 -
小程序生成海报的方法和注意事项
这两天开发了一个生成海报的功能,总结一下!坑---------------------------------------------------------------生成海报的图片路径必须是小程序本地的图片'../../imgs/Quiet.png',或者线上的HTTPS的图片,不然在真机上不显示哦!生成海报之前一定要把图片先wx.downloadFile把需要用到的图片先下载下来...原创 2019-01-21 15:27:25 · 1746 阅读 · 0 评论 -
小程序canvas内容实现不同尺寸屏幕自适应(实用,适配不错)
注:本文转载自https://blog.csdn.net/zSY_snake/article/details/81188128 小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位,在绘制内容时所应用的单位仍然是 px,那么如何实现不同尺寸屏幕的自适应呢?首先我们根据开发工具可知不同常用屏幕的尺寸:由此可知我们开发中常用的参考屏幕尺寸(iPhone...转载 2019-01-21 10:10:30 · 4488 阅读 · 0 评论 -
微信小程序绘图实现图片拉伸,裁剪与压缩的方法,亲测使用实用
注意:本文转载自https://blog.csdn.net/vivian_jay/article/details/68933161一、canvas绘图API工欲善其事;必先利其器。 隆重请出主角:canvas绘图函数drawImage(),酱酱酱~它能做什么: 1. 绘制图像:将加载的图像绘制到canvas上; 2. 绘制画布:将画好的一个canvas画到另一个canvas上...转载 2019-01-21 10:08:13 · 2532 阅读 · 0 评论 -
近期开发小程序总结(判断滚动方向,图片自适应,缓存,吸顶,h5和小程序之间的参数互传,正计时/倒计时)
近期开发总结:一:小程序中scroll-view组件:判断是向上拉,还是向下拉 scroll: function (e) { var that = this; var value = e.detail.scrollTop; var array=that.data.MikeBox; array.push(value); var l...原创 2018-06-25 20:09:46 · 1247 阅读 · 0 评论 -
小程序分享到群
onShareAppMessage: function () { wx.showShareMenu({ withShareTicket: true }) var that = this; var voucher = wx.getStorageSync("voucher"); var uid = wx.getStorageSync("uid"); var...原创 2018-03-27 16:44:16 · 1056 阅读 · 0 评论 -
WebSocket
实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以...转载 2018-03-20 11:54:17 · 262 阅读 · 0 评论 -
微信小程序事件处理
一、什么是事件?1.一种用户的行为用户长按某一张图片,点击某个按钮,这就是用户的行为,也是事件2.一种通讯方式为什么说事件也是一种通讯方式呢?因为用户点击按钮的时候,这是发生在UI层的,我们的UI要把一些信息发送给我们的逻辑代码,因此也是一种通讯方式二、事件的类别1.点击事件tap2.长按事件longtab3.触摸事件(1)touchstart 开始触摸(2)touchend 结束触摸(3)tou...转载 2018-03-19 10:57:46 · 1058 阅读 · 0 评论 -
微信小程序开发及面试
一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">1(2): 取值 + 传值playTap:function(e) { const dataset = e.cu...转载 2018-03-19 10:56:54 · 4986 阅读 · 0 评论 -
小程序总结和用户授权
1:小程序中没有DOM和BOM对象,固然也就没有jquery和zeipto;2: 小程序中元素在模拟编辑器上可以用length属性,但是手机上不可用length;length属性用for in 循环解决3:全局变量的问题,存储全局变量直接app.globalData=“”即可,也可以存储在storage中,防止异步调用获取不到的问题,所以存取建议都用同步的,加后缀Sync;4:封装方法体,需要写到...原创 2018-03-15 13:21:01 · 5236 阅读 · 1 评论