微信小程序
个人笔记
雪酒呀
我很懒,不想添加简介
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信网页授权
文章目录一、首先判断是否在微信中打开的网页注:微信网页开发可以在微信开发者工具中进行调试二、判断链接是否包含code,如果没有,说明微信未授权三,有code之后,保存code,传给后端,获取身份信息即可四、链接携带参数的情况我的vue项目是hash模式的,如http://192.168.1.166:8080/#/今天看一下微信网页授权前端要做的一、首先判断是否在微信中打开的网页var ua = navigator.userAgent.toLowerCase(); if(ua.match(/原创 2021-12-28 13:27:31 · 873 阅读 · 0 评论 -
微信小程序回调解决单个页面生命周期在onLaunch之前执行
有很多情况,要在onLaunch中进行网络请求onLaunch是异步的,导致很多页面已经执行了onshow方法,拿不到全局变量这里用回调解决要回调的页面//已经登陆 if(wx.getStorageSync('sessionId')){ this.getQuest(questionnaireId) }else{ //网络原因,还没有拿到登陆数据,这里调用全局的callback getApp(原创 2021-12-15 14:25:36 · 1816 阅读 · 0 评论 -
H5页面兼容苹果,取消苹果input获取焦点自动放大问题
H5兼容苹果取消获取焦点自动放大问题原创 2021-12-03 11:08:34 · 586 阅读 · 0 评论 -
H5移动端select兼容苹果
select在安卓显示如下在苹果如下用CSS解决select{ -webkit-appearance: none; /*清除select默认样式*/ background: url("img/order_img/drop-down.png")no-repeat right; /*设置三角样式*/ background-size: 0.3rem; background-position-x: 96%;}=...原创 2021-12-03 10:24:16 · 813 阅读 · 0 评论 -
移动端rem适配
remrem是一种单位,等同于html跟元素的字体大小,比如html设置字体为20px,那么1rem等于20px,2rem=40px动态计算html的字体大小拿到屏幕宽度计算字体大小设置根元素的字号var windowWidth = document.documentElement.getBoundingClientRect().width;console.log("屏幕宽度", windowWidth); // 字体大小var fontsize = windowWidt原创 2021-11-29 14:43:39 · 656 阅读 · 0 评论 -
微信小程序====>模态输入框modal(弹窗输入框)
<modal wx:if="{{inputModel}}" title="请输入门店编号" bindconfirm="handlestoreCodeOK" bindcancel="handlestoreCodeNo"><input type="text" model:value="{{modelinput}}"/></modal>bindconfirm确定的点击事件bindcancel取消的点击事件...原创 2021-11-24 15:31:18 · 1939 阅读 · 0 评论 -
微信小程序====》nodejs读取log日志文件,正则匹配需要的数据
正则:\u4e00-\u9fa5:匹配所有中文符号\w:英文,数字,下划线…导入fs读取文件导入readline按行读取appendFile:追加文件const readline = require('readline');const fs = require('fs');const rl = readline.createInterface({ input: fs.createReadStream('./puman (13).log')});let as = []rl.原创 2021-11-18 13:56:24 · 755 阅读 · 0 评论 -
微信小程序========》showmodal弹窗content内容换行显示
要换行加\r\n即可wx.showModal({ title: 'showModal换行', content: '您的积分不足\r\n注:没人只能兑换一张券哦', success(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消') }原创 2021-11-18 13:24:52 · 1578 阅读 · 0 评论 -
微信小程序——自定义导航栏
在一定情况下,我们需要用到自定义的导航,在此记录取消原生头部 "navigationStyle": "custom"获取胶囊的信息wx.getMenuButtonBoundingClientRect()getMeunInfo() { let Menuinfo = wx.getMenuButtonBoundingClientRect() // @ts-ignore console.log("Menuinfo", Menuinfo); // 获取设备信息原创 2021-11-03 11:45:18 · 252 阅读 · 0 评论 -
微信小程序====注册传的参数
需要解密的手机号iv, encryptedData时getPhone获取手机号的,好几次都传了getUserProfile的报错了,尴尬死原创 2021-10-13 11:02:37 · 196 阅读 · 0 评论 -
JavaScript——log日志打印样式
log(data?: any) { let m = data || "---------------------分割线------------------" console.log(`%c ${m}`, "color:teal;font-size:15px;"); },原创 2021-10-08 14:58:44 · 1342 阅读 · 0 评论 -
javascript——获取当前日期
2021-09-09let date = new Date(); let seperator1 = "-"; let year = date.getFullYear(); let month: any = date.getMonth() + 1; let strDate: any = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month;原创 2021-09-09 18:55:43 · 209 阅读 · 0 评论 -
微信小程序——picker组件使用对象字段显示object问题
官方文档说使用数据为对象时加range-key属性指明字段值我这边指定后还是object后面找到方法,在range-key里面字段的身上加个单引号即可解决原创 2021-08-20 11:28:54 · 1154 阅读 · 0 评论 -
微信小程序css===原点闪烁动画
<view class="ponit"></view>.ponit{ position: absolute; top: 55%; left: 50%; z-index: 5; width: 50rpx; height: 50rpx; background: #fff; border-radius: 100%; border: 1rpx solid #eee; animation: ponitAnimation 1s infinite ...原创 2021-08-17 15:54:57 · 876 阅读 · 0 评论 -
微信小程序自定义弹窗样式====提示文字带下划线
有需求要弹窗有下划线。。。没找到方法,自己画一个wxml<view class="showErrorToastAafter"></view><view class="showErrorToast"> <view class="top"> <view class="title">提示</view> <view class="content"> <view class="raw1">您的积分原创 2021-08-17 13:42:55 · 1003 阅读 · 1 评论 -
微信小程序======canvas绘制二维码
canvas绘制二维码一、导入绘制依赖的文件二、在wxml中写入canvas标签id、canvas-id不要丢<canvas class="codeContent" canvas-id="qrcode" id="qrcode"></canvas>三、在js文件中引入依赖import mycode from '../../../utils/weapp.qrcode'四、绘制二维码的方法// 绘制二维码 drawCode() { wx.createSe原创 2021-08-16 19:50:27 · 341 阅读 · 0 评论 -
微信小程序——版本更新强制用户更新!(美其名曰:提升用户体验)
在app.js的onlaunch里面添加下面代码 // 强制用户更新=============begin================================== const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate)原创 2021-08-10 13:46:53 · 623 阅读 · 0 评论 -
微信小程序=====》解决部分苹果机型屏幕无法滑动问题(底部黑条)
部分苹果机型的手机手势导航会导致小程序下方有一个小黑条,并且此时屏幕无法滑动,这时候给内容套一层scrollview即可,若是自定义的顶部底部导航栏,则用calc计算高度即可.。scroll view必须给高度calc(100vh - 100rpx)...原创 2021-07-29 14:20:59 · 2707 阅读 · 0 评论 -
JavaScript=====Date原型对象添加获取当前日期的方法
Date.prototype.getNowTime=function(){ let date = new Date() let year = date.getFullYear() let month = (date.getMonth() + 1).toString().padStart(2, '0') let day = date.getDate().toString().padStart(2, '0') let time =原创 2021-07-29 13:00:10 · 416 阅读 · 0 评论 -
微信小程序====>swiper轮播自定义指示点的style
/* 默认指示点的样式 */.swiper .wx-swiper-dot { width: 15rpx; height: 15rpx; background: rgb(119, 119, 119); border-radius: 15rpx;} /* 选中指示点的样式 */.swiper .wx-swiper-dot.wx-swiper-dot-active { width: 30rpx; height: 15rpx; background: rgb(0,.原创 2021-07-29 10:34:00 · 219 阅读 · 0 评论 -
微信小程序-----Android与iOS兼容问题之Date对象
Android中获取Date格式由-衔接,然再iOS中解析异常,需转换为 /replace(/-/g, “/”); console.log("我的时间===>", mtime); console.log("当前时间===>", now); // 解决苹果兼容问题...参考https://blog.youkuaiyun.com/zhoukun1008/article/details/51537862 let now_replace = now.replace(/-/g, "/"原创 2021-07-27 11:21:08 · 260 阅读 · 0 评论 -
微信小程序----通过promise封装网络请求
import loading from ‘./loading’import message from ‘./message’import api from ‘…/config/api’export function request(url: string, data = {}, method?: method,showLoding:boolean=true):any{if(showLoding){loading.show()}return new Promise((resolve, rejec原创 2021-07-24 09:30:44 · 301 阅读 · 0 评论 -
typescript----跳过可选形参写下一个参数
要跳过的那个可选形参设置为undefinde即可如:function request(url:string,data={},method?,isshow:boolean=true){…调用时使用}调用省略方法形参,传后面的isshowrequest(“url…”,{},undefind,false)原创 2021-07-24 09:28:28 · 1235 阅读 · 1 评论 -
JavaScript---获取当前时间
let date = new Date() let year = date.getFullYear() let month = (date.getMonth() + 1).toString().padStart(2, '0') let day = date.getDate().toString().padStart(2, '0') var time = year + '-' + month + '-' + day // console.log(time) le原创 2021-07-22 15:37:29 · 193 阅读 · 0 评论 -
微信小程序---阔大元素点选范围
利用伪元素的方式扩大点选范围/* 目前点击旁边便可触发事件 *//* 注:margin无效,设置宽度即可 */view::after{ content: ''; position: absolute; height: 30rpx; width: 200rpx;}before也可以的哈原创 2021-07-11 14:15:39 · 830 阅读 · 0 评论 -
微信小程序----保存图片到系统相册
这里写自定义目录标题官方文档地址wx.saveImageToPhotosAlbum({ filePath:path.tempFilePath, success:()=>{ message.error('保存成功').then(()=>{ this.setData({ draw:false原创 2021-07-08 09:54:07 · 220 阅读 · 0 评论 -
微信小程序---获取表单数据
通过form包裹,通过submit进行提交,提交所有的表单信息。每个要提交的表单信息都要有name属性通过提交提交,在form上面设置bindsubmit="handleform"事件<form action="" bindsubmit="handleform">用户名:<input name="uname" type="text" placeholder="请输入用户名"/>密码:<input type="text" name="pwd" placeholder原创 2021-07-03 14:29:44 · 1433 阅读 · 0 评论 -
微信小程序-button opentype
文章目录open-type="contact":打开客服会话窗口open-type="share"触发用户转发:不能发送朋友圈open-type="getPhoneNumber"获取用户手机号,配合bindgetphonenumber事件使用open-type="getUserInfo"获取用户信息,配合bindgetuserinfo事件进行使用新的获取用户信息方法,任意控件绑定监听事件,调用 wx.getUserProfile方法open-type="openSetting"打开授权页面open-type原创 2021-07-03 13:52:32 · 3031 阅读 · 2 评论 -
微信小程序——数据传递(子传父)
一、设置自定义事件,触发时传递数据通过this.triggerEvent()设置。该方法两个参数,第一个为自定义的事件名字,第二个是数据,数据通过对象的格式传递这里的对象用了简写的形式,展开为index:index二、在父级引用的组件身上绑定自定义的事件binditemChange=“handleItemChange”bind自定义的事件名=“自定义一个处理函数”三、在父级js文件中处理自定义事件,接收数据...原创 2021-06-12 15:56:46 · 1325 阅读 · 0 评论 -
微信小程序——数据传递(父传子)
数据传递----->父传子引入组件使用组件并添加属性调用父级的方法在组件属性列表中拿到数据通过this.data.属性名使用父级传的数据引入组件使用组件在组建上添加属性并调用父级的数据在组件属性列表中拿到通过属性传递过来的数据引入组件使用组件并添加属性调用父级的方法在组件属性列表中拿到数据通过this.data.属性名使用父级传的数据...原创 2021-06-12 15:33:51 · 550 阅读 · 0 评论 -
微信小程序——创建组件
新建文件夹,右键选择新建compent,创建组件,生成四个基本的文件组件js文件三个基本的方法组件的事件方法要写在方法列表内原创 2021-06-12 15:26:24 · 425 阅读 · 0 评论 -
网易云音乐API-本地node开启
一、搜索网易云音乐api,点击进入二、进入后,点击进入GitHub,给他荡下来三、在本地解压缩后,复制路径在终端打开,首先npm install安装所需要的相关模块,然后node APP.js启动本地服务终、服务启动成功,试一下api...原创 2021-06-06 12:28:40 · 2355 阅读 · 5 评论
分享