![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
z沧笙踏歌
雁过留声,人过留名
展开
-
微信小程序-超过一定高度,进行动作
需求历史搜索界面上超出两行,不存储,不显示小程序怎么获取元素高度?小程序都没Document对象,怎样操作DOM?一开始我就是这样想的,臣妾办不到!然而现实又啪啪啪的打脸了~ 没有Document对象,小程序人家还是可以获取元素的基本信息的,人家有方法啊!就是它wx.createSelectorQuery需求实现wxml中:为目标元素绑定一个id&...原创 2020-01-13 16:00:09 · 1269 阅读 · 0 评论 -
微信小程序-请求异常处理
自己琢磨的处理方法,如有缺陷,非常欢迎提出,我们共同进步大概思路: 请求连接失败--> 检查失败原因(请求超时? 网络异常?其他?) --> 直接提示用户请求连接成功--> 非token问题( code报200,500等 ) --> 正常流程走 --> token问题( code报token异常约定的c...原创 2020-01-09 16:59:33 · 7251 阅读 · 0 评论 -
微信小程序:首页需要等待onLaunch中某请求执行完成
小程序开发中有时候会遇到下面这样的情况:小程序打开时,我们需要触发登陆,获取用户的基本信息,然后在首页中立即使用,但是会发现在app.js的onLaunch中请求发出去了,首页在onLoad中却没有拿到数据?还有一个场景,比如,你希望用户在打开小程序的时候,就会自动定位,无论用户进入小程序先看到的是哪个页面,那么,定位函数势必需要在onLaunch中触发,但是呢,定位异步请求需要时间,你首...原创 2020-01-09 16:11:15 · 4389 阅读 · 4 评论 -
百度经纬度转腾讯地图经纬度
也是参照的别人的,实际开发中使用的这个函数,传入百度的经纬度,输出腾讯地图经纬度const bMapTransqqMap = (lng, lat) => { let x_pi = (3.14159265358979324 * 3000.0) / 180.0; let x = lng - 0.0065; let y = lat - 0.006; let z = Math...原创 2020-01-09 15:33:58 · 1494 阅读 · 4 评论 -
微信小程序-组件中使用computed
安装具体的使用步骤:1. 初始化npm命令行进入到小程序项目根目录,执行初始化npmnpm init2.完成后,在项目中创建目录node_modules3.cd到node_modules目录下,执行(安装computed)npm install --save miniprogram-computed4. 前往开发者工具勾选 “使用开发者模块“...原创 2019-08-12 16:27:06 · 4623 阅读 · 2 评论 -
微信小程序-将图片裁剪成规定的尺寸
需求:图片上传时,要求必须是720*720大小的图片,但是用camera拍出来的照片大小不固定,有的手机是720*720,有的就是1080*1080,还有480*480的解决办法:将图片转换成canvas,再在canvas中操作,最后将canvas转换图片导出先大概贴一下html代码和js中的data <view style='height:292px;width:2...原创 2019-07-04 15:25:16 · 12651 阅读 · 0 评论 -
taro开发微信小程序: 生命周期
文章来源生命周期componentWillMount在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunchcomponentDidMount在微信小程序中这一生命周期方法对应页面的onReady或入口文件app中的onLaunch,在 componentWillMount后执行componentDidShow在微信小程序中这一生命周期方法...转载 2019-04-25 09:51:22 · 1532 阅读 · 0 评论 -
微信小程序之更新机制
根据小程序的官方文档上说:小程序的启动机制有两种:[ 冷启动 ] : 小程序首次打开或销毁后再次被打开 [ 热启动 ] : 小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台(5分钟后,小程序会被微信主动销毁)更新机制小程序冷启动时,会检查小程序是否有最新版本。如果有则将异步下载最新版本,但是仍将运行当前版本等到下一次冷启动时再运行最新版本。如果你...转载 2018-11-30 15:53:16 · 278 阅读 · 0 评论 -
微信小程序之全屏背景
在做图片全屏显示时,当设置本地图片全屏显示时,总是出现滚动条,现象如下图:样式控制如下:<view class='bg_box'> <image src='/imgs/bg.png'></image></view>.bg_box{ position: absolute; top: 0; left:...原创 2018-09-26 14:57:11 · 4651 阅读 · 5 评论 -
微信小程序之解决同时绑定bindtap和bindlongtap事件bug
问题描述:一个元素上同时绑定了点击事件与长按事件时,当长按事件触发时,点击事件也会被触发解决办法:记录手指点下与手指抬起之间的时间差 在触发tap事件前 判断时间差 小于350 就触发tap 否则不处理代码:<button bindtouchstart="handleTouchStart" bindtouchend="handleTouc...转载 2018-09-10 13:30:29 · 6322 阅读 · 3 评论 -
微信小程序中解决插入到dom中一段html的问题
利用富文本<rich-text nodes="{{content}}"></rich-text>nodes可以是文本节点(string类型) 也可以是元素节点(数组)问题:渲染的html中的图片可能没有适应屏幕大小,出现图片超出屏幕,显示不全的问题解决办法:var cnt = res.data.content.replace(/\<img/gi...原创 2018-08-20 15:48:51 · 7741 阅读 · 0 评论 -
微信小程序之模拟过滤器
借助wxs文件第一步:编写wxs文件 filter.wxs// 价格格式化function price(value) { if (!isNaN(value)){ var num = value/100; // 这里除以100,是因为传进来的数值单位为分,请根据自己的情况定义 return num.toFixed(2); }else{...原创 2018-08-01 11:11:08 · 1454 阅读 · 0 评论 -
微信小程序之微信支付功能
本文需要的外部js下载地址(需要5个积分,不是我的锅,是系统自己弄的)这几天做微信支付功能,可谓是一步一个坑,在这里总结一下,供以后查看(详细代码在最后)大致的步骤:通过微信的登录接口获取到code 用code去请求微信接口换取openid 用openid生成统一订单得到prepay_id 调用微信接口完成支付详细步骤: 实现的前提:你要有正确的appid,serect...原创 2018-08-10 17:08:27 · 398 阅读 · 0 评论 -
微信小程序中的跳转
小程序页面跳转失败的原因可能是:1:检查你跳转的地址是否有误;2:检查你要跳转的地址是否在app.js中注册过;3:当你跳转的地址位于TabBar中时,要使用wx.switchTab来跳转页接下来总结一下跳转的方法:1.API跳转wx.navigateTo({...}) wx.redirectTo({...}) wx.switchTab({...}) wx...原创 2018-07-25 17:13:29 · 359 阅读 · 0 评论