![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 53
为什么名字都被占用
哈喽~艾瑞巴蒂,简单介绍一下自己:首先我不是什么技术大佬,只是一个成长中的职场小白。没有牛逼的教育背景,全靠生拼;没有丰富的项目经验,全靠积累。注册博客的目的,是为了记录自己在工作中遇到的各种坑和奇葩的神仙问题,希望也能帮到正在栽坑的你!
展开
-
getFuzzyLocation:fail no permission
1代码库更新到2.25.0以上2开发者工具最新版本3真机调试原创 2022-08-31 19:16:44 · 3444 阅读 · 4 评论 -
Taro小程序 webview src已修改但页面不刷新
解决办法:加时间戳 重点就是这 时间戳一定要加在/#/里 不能加在后边参数里原创 2022-06-20 14:35:51 · 1123 阅读 · 0 评论 -
Taro里如何使用腾讯视频插件
第一步app.jsx里config下加入插件plugins: { tencentvideo: { version: "1.2.4", provider: "wxa75efa648b60994b" } }第二步具体使用页面引入config = { // 引入通讯视频插件 usingComponents: { "txv-video": "plugin://tencentvideo/vide..原创 2021-10-13 14:10:25 · 720 阅读 · 0 评论 -
H5直接打开指定APP&&H5直接打开指定小程序
1. 绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。2. 引入JS文件在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)备注:支持使用 AMD/CMD 标准模块加载方法加载。.原创 2021-04-20 15:17:49 · 1160 阅读 · 0 评论 -
rem.js 源码
;(function (designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem, rootStyle; function refreshRem() { var width = docEl.getBoundingClientRect().width; .原创 2020-11-21 19:03:23 · 218 阅读 · 0 评论 -
vue 实现九宫格抽奖demo
<template> <div class="luckDraw"> <div class="container"> <div class="turntable-wrapper"> <div class="luck-wrapper"> <p class="integral">今日还剩 <span>1<.原创 2020-11-18 13:55:33 · 155 阅读 · 0 评论 -
小程序解决弹窗滑动穿透问题
## 解决方案1.当弹窗没有滚动条的时候直接监听 catch:touchmove 方法, 然后直接返回就可以了<view catchtouchmove="{{preventTouchMove}}"></view>preventTouchMove(){ return}2.当弹窗内容需要滚动的时候&&当前页面无需滚动如果你页面没有滚动条可以直接给当前页面最父级元素fixed定位一下或者overflow:hidden一下3当弹窗内容需原创 2020-08-13 18:38:31 · 783 阅读 · 1 评论 -
Wepy框架入门
1环境及新建项目npm install -g wepy-cli //全局安装或更新WePY命令行工具(wepy脚手架): wepy-cliwepy -v //查看wepy-cli版本wepy init standard <projectName> //新建wepy小程序项目,1.7.0之前的版本使用:wepy new myprojectwepy list //查看项目模板cd <projectName> //切换至项目目录npm install //安装依赖we原创 2020-08-04 14:26:07 · 165 阅读 · 0 评论 -
数字金额增加动效
实现1:数字直接累加增加效果numberAnimate(100.34)numberAnimate(num) { let n1 = new NumberAnimate({ from: num ? num : 0.00,//开始时的数字 speed: 1000,// 总时间 refreshTime: 100,// 刷新一次的时间 decimals:原创 2020-07-15 13:56:47 · 422 阅读 · 0 评论 -
微信小程序实现上传文件 如图片/word excel到服务器
说道上传文件,首先要想到微信官方文档给的API,wx.uploadFile({ })通过这个API来达到上传至服务器的效果:代码示例如下接下来我们先来说说上传图片功能,这个比较简单一些上传图片:wx.chooseImage({ })从本地相册选择图片或使用相机拍照代码示例如下:在点击图片触发响应事件函数里写上以上代码,就会调起手机选择相册或者拍照。以上就达到了上传图片的功能上传word/pdf等文件:这个功能真是苦恼了我好久,因为项目中要用到上传wor转载 2020-07-07 14:28:35 · 9272 阅读 · 2 评论 -
vue-pdf无法显示中文
1.引入importCMapReaderFactoryfrom'vue-pdf/src/CMapReaderFactory.js'2.重置一下pdf文件this.pdfUrl=pdf.createLoadingTask({url:res.data.datas.invoicePicUrl,CMapReaderFactory})原创 2020-06-22 16:13:35 · 2923 阅读 · 3 评论 -
js 比较几个数字大小
首先把数字装进数组这样好做处理var desc=function(a,b){return b-a};var asc=function(a,b){return a-b};var num=[10, 18, 13, 100, 16, 11];num.sort(asc);console.log(num);原创 2020-06-17 17:59:05 · 1803 阅读 · 0 评论 -
小程序如何使用过滤器
解决办法:使用wxs1.wxml页面引入<wxs module="filter" src="../../wxs/filter.wxs" />filter.wxs文件 我写了一些常用的日期转化 金额保留两位小数等等var parseDate = function (date, fmt) { if (!date) return ''; fmt = fmt || 'MM月dd日 HH:mm'; date = getDate(date); v.原创 2020-06-10 18:54:43 · 503 阅读 · 0 评论 -
uni-app scrollview的滑动事件无法触发
大概布局就是这样<view class="container"> <scroll-view scroll-y="true" @scrolltolower="loadMore" style="height: 100%;"> <view class="list"> <view class="list_item" v-for="item in shoplist" :key="item.create_time"> <原创 2020-06-10 09:43:59 · 2318 阅读 · 0 评论 -
uni-app input值不更新问题
<template> <view> test <input type="number" placeholder="请输入数量" @input="onInput" v-model="number" /> </view></template><script> export default { data() { return { ..原创 2020-06-02 14:26:29 · 4220 阅读 · 5 评论 -
小程序获取手机号时,checkSession通过但是获取手机号解密失败
问题描述:微信小程序微信手机号授权登录 后端拿到加密数据解密乱码代码逻辑是只要进入登录页就刷新code 防止页面停留时间过久 手机号登录的时候又检查一遍session 自认为万无一失的检查方法了,真的是试了n多种情况,不明白为什么后端接口一直解密失败解决办法:注意!看看你的代码有没有以下两种情况!1.一定要检查是否是本地装了测试环境的体验版 造成微信缓存冲突 以至于出现这种情况2.你的jscode过期 请在获取手机号之前一定要先wx:login一下我这边造成解码乱码的原因就是 体验.原创 2020-05-19 14:07:21 · 2202 阅读 · 0 评论 -
小程序h5 实现全景图播放功能(如vr看房)
以vue项目为例插件官网地址https://photo-sphere-viewer.js.org具体功能配置请参考官网api项目目录结构1.安装以依赖cnpm install three -Scnpm install photo-sphere-viewer -Sb.jpg(全景图片)quanjing.vue<template> ...原创 2020-05-06 14:24:39 · 8247 阅读 · 0 评论 -
微信小程序(原生)api全局提示组件toast
废话不多说 直接上代码1-------------------------------------------------------------------------------------------------------------------------------------------------function getCtx (selector) { c...原创 2020-04-26 10:56:50 · 1641 阅读 · 0 评论 -
微信小程序直播如何开发
有两种方式:1.使用微信提供的直播功能 2.使用第三方方式一:.针对电商类目小程序活跃、经营方面表现较好邀请做公测(小程序直播组件是在公测期间),如果符合要求的在小程序后台会看到【直播】入口,可以点进去申请ps:准入要求:满足以上在微信公众平台如图,这是开通成功的样子(开通的时候只需要勾选协议就行了 不需要花钱) 估计以后流量大了没准就要付费啦1.接下来就说一下步骤吧 首先创...原创 2020-04-16 18:13:12 · 2780 阅读 · 4 评论 -
公众号文章里使用svg进行交互
前言今天产品发我一个文章问我怎么实现的 之前印象里公众号文章都是简单的图文 而且都是在公众号素材管理里添加素材 也就是用公众号自己的富文本编辑器,后来查了查 才发现还有这个骚操作F12插入svg代码片段,简直绝了,这算是微信漏洞?哈哈哈我就不一一写啦 直接转载篇文章了哈现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验,而不再跳转H5。结合这一需求,本期分享...转载 2020-03-20 15:18:35 · 3518 阅读 · 0 评论 -
js 查找字符串中某字符出现的次数
var str = "2,fdsg,grth,af,areg,aser"var num = str.split(",").length;console.log(num)原创 2020-03-19 10:20:12 · 2656 阅读 · 1 评论 -
微信小程序获取文件图片的MD5
问题: 上传同一张图片解决办法:获取图片MD5值来对比如何使用?1.对应页面引入对应的spark-md5.js//引入jsconst sMD5 = require('../../utils/spark-md5.js')//选择图片 获取图片MD5 wx.chooseImage({ success(res) { c...原创 2020-03-13 15:44:41 · 2020 阅读 · 1 评论 -
微信小程序实现吸顶功能
1.data中定义两个变量// 吸顶 fixTop: 0,//头部查询条件的高 scrollTop: 0,2.onShow中添加方法this.boundingClientRect()onShow() { this.boundingClientRect() },3.boundingClientRect方法...原创 2019-12-26 15:01:25 · 777 阅读 · 0 评论 -
微信小程序解决canvas层级最高问题
1.产品需求:想把小程序某一页面保存图片到手机2.遇到问题:保存到手机不授权的时候得给个弹窗结果弹窗没法展示在最上层3.解决办法 把canvas移到屏幕外就可以啦.canvasBox{ position: absolute; width: 100%; right: -900px; top: -600px;}...原创 2019-12-05 16:45:13 · 2210 阅读 · 0 评论 -
微信小程序-可以跨页面更新数据方法--》通知广播WxNotificationCenter如何使用
以下两种场景,在微信小程序官方并没有提供类似iOS的NSNotificationCenter 或者 Android的广播类似的解决方案。A页面 -> B页面,B页面完成相关逻辑需要通知A页面刷新数据(并传值) 通知(广播)已入栈并且注册过通知的页面(并传值)如果遇到以上的场景,要怎么处理呢?在github上发现了WxNotificationCenter,下载地址:https://...转载 2019-11-30 18:41:59 · 926 阅读 · 0 评论 -
小程序开发者工具模拟器鼠标无法显示 鼠标指针在微信开发工具中不显示
1.问题:鼠标划在模拟器上就是不显示鼠标 但是能点解决方法:原创 2019-11-27 09:38:56 · 2274 阅读 · 0 评论 -
用户登录如何给密码加密xxtea.js
先说一下xxtea.js 可以用这个加密这个就是xxtea.js的源码保存一下就好了/**********************************************************\| || xxtea.js ...原创 2019-11-21 17:57:37 · 629 阅读 · 0 评论 -
css样式 文字和数字不连接 被折行分离问题
解决办法.question{ color: #6a6a6a; font-size: 30rpx; line-height: 44rpx; overflow: hidden; word-break: break-all;}加一个这个样式就好了...原创 2019-11-16 10:50:46 · 829 阅读 · 0 评论 -
小程序如何写特殊底部导航
现在设计就是底部导航中间需要有一个大的加号按钮 而小程序本身没有操作tabbar的功能 只能设置文字 与选中不选中的图片解决方式是1.去掉app.json中 tabBar的配置2.写一个公有的组件tabbar.wxml内容如下<!--公共tabbar--><template name="tabbar"> <view class="t...原创 2018-08-10 18:32:20 · 1892 阅读 · 0 评论 -
小程序如何写公共方法
1.子页面使用app.js的公共方法const app = getApp();Page({ data: { }, // 扫一扫 scan: function(){ app.scan(); },})2.app.js中写公共方法//app.jsApp({ // 扫一扫 scan: function(e){ console.log...原创 2018-08-14 11:23:30 · 6385 阅读 · 0 评论 -
小程序实现图片预览和长按保存本地
主要是用到这个apiwx.previewImage({ current: , // 当前显示图片的http链接 urls: [] // 需要预览的图片http链接列表})页面.wxml<image src="{{invoice.viewPath}}" data-url='{{invoice.viewPath}}' bindtap='showBigImg'&g...原创 2018-08-14 15:37:15 · 1938 阅读 · 1 评论 -
小程序 视图不随数据动态改变
小程序中获取当前data定义的值,用this.data.xxxsetData的时候要修改的值是不需要加this.data.xxx的,直接xxx,一般直接修改data的值直接修改,修改数组中对象的值或者对象的属性值都要先转为字符串再加中括号,如果有变量可以用ES6的模版字符串反单引号或者字符串拼接一下。Page({ data: { currentValue:"aa", ...转载 2018-08-08 17:14:24 · 2630 阅读 · 0 评论 -
小程序onreachbottom不执行
今天写一个列表页遇到一个问题 不管我怎么加载更多就是不触发onreachbottom这个触底事件先说说页面布局吧上边筛选条件定位的下边合计定位的我中间列表.list-box{width:100%;height:80%;overflow-y:scroll;position:absolute;top:110rpx;}解决方法:因为一句样式问题 去掉hei...原创 2018-08-20 15:54:15 · 23733 阅读 · 3 评论 -
小程序transform 位移动画失效
transform: translate(-60rpx,0)rotate(45deg);解决办法换成pxtransform: translate(-30px,0)rotate(45deg);原创 2018-08-23 15:52:33 · 11666 阅读 · 3 评论 -
小程序 onLaunch在onLoad后执行问题
项目中遇到这样一个问题就是需要登录之后存一个id然后发现第一次进来的时候登录方法在index的方法后执行 拿不到想要的值解决办法1.就是可以加一个启动页 做个缓冲2.用promise直接看代码实例吧这是我的app.js//app.jsApp({ onLaunch: function(options) { // 小程序启动逻辑 // 1. 登录 ...原创 2018-09-05 17:42:05 · 5720 阅读 · 0 评论 -
小程序 卡死白屏问题
最近开发小程序遇到一个紧急 阻断性的大坑 所有安卓机跳转页面 白屏卡死小程序在首页跳转页面的时候进入其他页面卡死 卡到死 白屏我小程序使用了 iview weapp这个UI框架 首页有一个公告 用的是iview里的组件 我选择的是那种 能自动滚动的公告 也就是加了loop的排查好半天 才发现这个问题 去掉这个loop就好了真的是坑死了。。。...原创 2018-09-03 17:48:16 · 4541 阅读 · 0 评论 -
小程序如何去掉button自带边框
button::after{ border: none; }原创 2018-09-12 17:33:57 · 5150 阅读 · 0 评论 -
小程序 wx:for 循环动态变量
正常循环写法<view wx:for='{{dataList.list}}'动态变量写法 detailListName你定义好的变量名<view wx:for='{{dataList[detailListName]}}'原创 2018-11-06 12:18:04 · 3246 阅读 · 0 评论 -
小程序 实现横向滚动
<!-- 图片展示 --><scroll-view scroll-x="true" style=" width: 100%;height: 100%;white-space: nowrap;"> <view style='display: inline-block;' wx:for='{{viewPath}}' wx:key='{{item}}'...原创 2018-11-06 15:42:10 · 2084 阅读 · 0 评论 -
微信小程序 如何使用iconfont(阿里巴巴图标矢量库)
1.新建 fonts.wxss1.复制 该段文字 放入fonts.wxss2.打开在线链接 复制每次生成的最新图标即可4、再app.wxss中引入fonts.wxss原创 2019-05-17 18:09:05 · 342 阅读 · 0 评论