小程序
文章平均质量分 61
牛哞哞杂记
终身学习,成为更好的自己,公众号:牛哞哞杂记
展开
-
【微信小程序】手机上开启调试模式
微信小程序手机上打开调试模式原创 2022-01-18 11:46:31 · 26827 阅读 · 6 评论 -
【微信支付】十分钟解决内网穿透,实现微信支付本地测试
在微信小程序上调用微信支付功能。微信支付可以在本地进行测试,但无法拿到支付回调结果。也就是本地拿不到微信返回的订单号等。需要拿到支付结果回调的话,可采用服务器测试或者内网穿透到外网。接下来分享一种内网穿透的工具 【natapp】,仅仅只需要九步,就能本地测试微信支付。操作简单,免费,但生成的域名是随机的。进行测试时完全够用的。步骤如下:一、注册 NATAPP 账号点击注册,并且实名认证下二、登录后,选择 购买隧道 中的 免费隧道。三、选择微信开发的隧道Web,并购买即可四、在后台 我的原创 2021-07-13 22:51:37 · 5412 阅读 · 3 评论 -
【小程序】对JSON数据进行base64编码解码及utf-8解码
最终效果:步骤:① json数据转成json字符串,用 JSON.stringify② 将json字符串进行base64编码,解码代码:在 util.js 文件里添加这段代码,用来将字符串进行base64编码/* * base64编码 */function base64_encode(str) { let chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";//64个基本的编原创 2020-09-22 15:07:18 · 4030 阅读 · 0 评论 -
【小程序】截取字符超出部分用...表示,中英文适用
比如:csdn博客呀 超过8个字符就用…表示就是 “csdn博客…”因为我们需要先将中文用charCodeAt转换,而charCodeAt是返回指定位置的字符的 Unicode 编码,也就是说此时中文占两个字节代码如下://字符超过长度用...表示function getStr(content, lengthSize) { var j = 0; for (var i = 0; i < content.length; i++) { //判断是不是有中文 if (cont原创 2020-07-13 12:55:49 · 452 阅读 · 0 评论 -
【小程序】echarts标线不显示的原因
小程序标线不显示的原因原因之一:查看自己是否有添加标线的插件因为之前因为插件过大,就自己组装了需要的,就把自己坑了,下载路径:https://echarts.apache.org/zh/builder.html原因之二:markLine的data类型不符合原本应该是数字,而我从后台传来的数据是字符串类型,导致标线显示不出来series: [{ // 画击打时刻标线 { type: 'line', markLine: { sy原创 2020-06-20 14:39:05 · 2656 阅读 · 5 评论 -
【小程序】点击复制内容
功能:小程序复制内容官方文档:看这里直接使用小程序的接口:wx.setClipboardData代码:wx.setClipboardData({ data: 'data',//要复制的内容 success (res) { wx.getClipboardData({ //获取已经复制的内容 success (res) { console.log(res.data) // 输出 } }) }})...原创 2020-06-10 16:16:08 · 420 阅读 · 0 评论 -
request:fail -118:net:ERR_CONNECTION_TIMED_OUT
出现错误:小程序预览时出现错误,request:fail -118:net:ERR_CONNECTION_TIMED_OUT解决办法:使用同一局域网即可,也就是连上WiFi原创 2020-06-07 19:02:43 · 40326 阅读 · 4 评论 -
【微信小程序】webview向h5页面传值
实现功能:webview向h5页面传值代码:index.wxml<web-view src="{{url}}"></web-view>index.js onLoad: function() { let that = this; let openId = wx.getStorageSync('openId'); that.setData({ url: '地址/index.html?id=' + openId }) },i原创 2020-05-30 16:24:14 · 4709 阅读 · 0 评论 -
threejs修改旋转中心 小程序
简而言之:给当前模型套一个空模型,将模型移到空模型的中心,就可以实现修改旋转中心的效果,后面再完善,详细可看这个博客:https://www.cnblogs.com/lst619247/p/9100166.html...原创 2020-04-28 16:37:31 · 2458 阅读 · 1 评论 -
【微信小程序】Three.js 加载3d模型
微信小程序实现从外部加载3d模型1.3d模型的几种格式?2.怎样加载3d模型?1.模型的格式小程序支持从外部加载3d模型的几种格式有:a.obj格式b.gltf格式c.glb格式d.fbx格式就列举这几种2.加载3d模型用 gltf 格式的模型(1)首先下载 three.js github地址下载的文件目录里 threejs-miniprogram-master\exa...原创 2020-04-11 18:26:18 · 30158 阅读 · 64 评论 -
Uncaught (in promise) thirdScriptError {"errMsg":"hideLoading:fail:toast can't be found"}
小程序真机调试报错:[publib]:2 Uncaught (in promise) thirdScriptError {“errMsg”:“hideLoading:fail:toast can’t be found”} Object原因:wx.showLoading与wx.hideLoading,wx.showToast与wx.hideToast没有对应,一般在打开提示(wx.showLo...原创 2020-04-02 11:41:40 · 19787 阅读 · 0 评论 -
【微信小程序】蓝牙连接 流程
小程序蓝牙低功耗蓝牙主要有以下几个步骤以及会用到的接口:打开适配器(openBluetoothAdapter)监听蓝牙适配器状态变化(onBluetoothAdapterStateChange)搜索蓝牙(startBluetoothDevicesDiscovery)寻找到蓝牙新设备(onBluetoothDeviceFound)连接蓝牙(createBLEConnection)停止搜...原创 2020-03-28 19:27:26 · 2622 阅读 · 2 评论 -
小程序 webgl 改变模型颜色
通过环境光来改变模型的颜色代码:var hemisphereLight = new THREE.HemisphereLight(0xFFD700, 0xFFD700, 1); scene.add(hemisphereLight); 仅做记录,后续补充原创 2020-03-24 18:03:47 · 537 阅读 · 0 评论 -
【微信小程序】刷新当前页面 或者其他页面数据 不创建新页面
功能:小程序 实现刷新页面数据 不创建新页面代码: var pages = getCurrentPages(); console.log(pages); //判断是否打开过页面 if (pages != 0) { pages[pages.length - 1].onLoad(); }补充:(1)pages[pages.length - 1].onLoad() 中的...原创 2020-03-17 14:34:49 · 797 阅读 · 0 评论 -
java.sql.SQLException: Access denied for user 'root'@'localhost' (using password: YES)
错误:java.sql.SQLException: Access denied for user ‘root’@‘localhost’ (using password: YES)原因:连接的用户名和密码错误(多打了空格)网上找了有三种原因:1、用户名和密码不匹配,或者是在连接池里多打了空格之类的2、可能是用户的权限不够,给他添加权限3、编码的问题我很奇怪,明明一样的项目,一个报错一个没...原创 2020-03-13 17:26:48 · 12553 阅读 · 2 评论 -
【微信小程序】js 比较两个数字大小
出现的问题:接受后台传过来的数据,取出最大值,但是的出来的结果却不是想要的。let max = 0;//arr 是后台传过来的数组arr.forEach((num) => { if (!(num === undefined || num === '')) { if (max < num) { max = num; } ...原创 2020-03-04 09:42:30 · 5922 阅读 · 0 评论 -
【微信小程序】语音播报,文字转语音,使用《微信同声传译插件》
需要实现的功能是:输入一段文字,由小程序读出来步骤如下:一、小程序添加 “微信同声传译” 插件添加插件步骤看这篇博===》如何添加插件并配置二、代码编写index.wxml里代码:<!--index.wxml--><view class="container"> <textarea class="text"></textarea>...原创 2020-02-24 19:41:07 · 7061 阅读 · 15 评论 -
【微信小程序】添加插件 并配置
步骤:1、登录微信公众平台注意,不是登录公众号,是小程序喔2、首页底部找到 设置 添加插件注意: 进详情 记下APPID和最新版本3、app.json里添加这段代码其中 version 填插件版本号(选最新版本);provider填插件APPID; "plugins": { "WechatSI": { "version": "0.3.3", "pr...原创 2020-02-24 19:39:54 · 7886 阅读 · 1 评论 -
VM64:1 需要重新登录 Error: 需要重新登录 小程序
刚刚遇到打开 “微信开发者工具” 查询这样的错误:VM64:1 需要重新登录Error: 需要重新登录 at C:“路径”\package.nw\core.wxvpkg\2d8c17f8789be1869edbd369314f5eaa.js:1:1664 at processTicksAndRejections (internal/process/task_queues.js...原创 2020-02-20 13:43:56 · 2185 阅读 · 0 评论 -
【微信小程序】动态改变循环按钮的样式
需要做出的效果:总之,需要做出的效果是,在循环显示的按钮中,我单独点击一个按钮,这个按钮的颜色会改变思路:获取循环的下标,再通过下标去修改按钮的颜色代码: <!-- index.wxml --> <view class="{{current_score === index?'clicked':'score'}}" data-key='{{index}}'>...原创 2020-02-05 16:33:26 · 1265 阅读 · 0 评论 -
【微信小程序】 如何从缓存中获取json数据的某个值
遇到一个问题,将json数据保存在小程序的缓存里,并需要获取到这个json数据里的某个字段的值。解决代码:var newData = []; var newObg = { "id": "1", "bookName": "论如何优雅的装逼", "auther": "牛哞哞", "type": "people", }; ...原创 2020-01-13 16:17:10 · 2671 阅读 · 0 评论 -
【微信小程序】 wx.onBluetoothDeviceFound 安卓机第一次可以连接蓝牙设备,第二次搜索不到问题
问题:wx.onBluetoothDeviceFound 安卓机第一次可以连接蓝牙设备,第二次搜索不到问题原因:wx.onBluetoothDeviceFound这个方法只能找到新的蓝牙设备,之前连接过的在部分安卓机型上,不算做新的蓝牙设备,因此重新连接搜索不到解决办法:方法①关闭蓝牙连接,也要关闭蓝牙设备,否则安卓下再次进入会搜索不到设备,除非关闭小程序进程再进才可以,IOS不受影响...原创 2020-01-10 18:11:32 · 3904 阅读 · 0 评论 -
【微信小程序】访问本地服务器 404
错误:POST http://xxxx:xxx/Xxxx/servlet/Xxxx 404 (Not Found)原因有二:① 路径名② 没有配置我是未在web.xml里给这个类配置也可以使用注解的方式进行配置原创 2019-12-27 16:14:06 · 1699 阅读 · 4 评论 -
【微信小程序】背景颜色深的情况下 设置半透明渐变色按钮 颜色不重叠 不改变的方法
需完成的效果:做出一个粉色渐变的按钮,但因为设置了rgb格式颜色,会与后面的背景颜色重叠,效果就是这样的:我想了一个办法,给按钮单独设置一个view(相当于一个框),背景颜色设置成白色,这样就不会被整体的背景颜色影响。代码如下:wxml文件<!--给按钮单独设置一个view --><view class="btn-end-icon"> <view...原创 2019-12-17 11:17:53 · 2494 阅读 · 0 评论 -
【微信小程序】组件canvas webgl 获取透明背景
bb几句,一直想要设置画布透明,直到看到官方消息,可以直接获取透明画布了,贼开心!之前试的方法,在电脑上看挺好的,一拿起手机测试,画布就变成黑色。因为去掉场景的背景导致画布变成黑色。现在小程序支持获取透明背景了,开心心 ❥可通过这段语句去获取透明画布 getContext(‘webgl’, { alpha: true })关于canvas的使用代码: init: function(c...原创 2019-12-12 16:11:20 · 3337 阅读 · 0 评论 -
【微信小程序】组件覆盖 z-index
微信小程序–组件覆盖 z-index功能:实现背景图片,在图片上添加文字,两张图片组合等代码:wxml文件<!--index.wxml--><view class="container"> <image class="up" src="../../img/bg_analyse.png"></image> <image cla...原创 2019-12-12 14:55:17 · 2233 阅读 · 0 评论 -
【微信小程序】canvas画布设置背景图片
canvas画布设置背景图片功能:canvas画布设置背景图片代码:wxml文件注意:canvas-id=“canvas”<!--index.wxml--><view class="container"> <canvas style="background-color:#ddd" canvas-id="canvas"> </canva...原创 2019-12-12 14:41:09 · 13616 阅读 · 4 评论 -
小程序 添加图片 报错
微信小程序添加本地图片时报错,导致图片显示不出。原因:查看路径是否正确。报错信息:VM637:1 Failed to load local image resource /pages/index/img/logo2.pngthe server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)...原创 2019-12-11 18:25:34 · 866 阅读 · 0 评论 -
Offset is outside the bounds of the DataView;at api notifyBLECharacteristicValueChanged success call
在做微信小程序开发,向蓝牙发送信息时,遇到这样一个错误错误解释:数组下标越界报错原因:我在设置ArrayBuffer时,直接设置过少,导致在循环通过蓝牙传递信息时,造成数组下标越界。解决办法:方法一 ,给ArrayBuffer长度设置更长;方法二,在循环时,获取数组的长度,确保数组长度不超过循环次数。修改后代码:var retstring = [1,2,3];var buff...原创 2019-12-11 18:23:07 · 9112 阅读 · 1 评论 -
微信小程序运行环境加载失败
错误截图:解决办法:重启微信或者重启手机原创 2019-12-03 08:57:13 · 5607 阅读 · 0 评论 -
小程序 wx.showToast 不显示的原因
问题:小程序中使用 wx.showToast 但页面却不显示提示框原因:微信开发文档里有说明而我在使用 wx.showToast 方法前,已经调用了 wx.showLoading 方法了。解决办法:在 wx.showTo 前调用 wx.hideLoading 隐藏加载方法,就可显示提示框。...原创 2019-12-02 23:28:53 · 8364 阅读 · 1 评论 -
小程序时间戳转日期,时间戳能够转换,但无法转换到对应日期
今天遇到一个问题,在对时间戳进行转换时,未报错,但转换出的时间却不对。之后发现是因为转换时,用的是毫秒的计算方法,如下:如果是时间戳是秒为单位去转换,得到的时间就是对的,如下:想到的办法是将时间戳先转成秒为单位,再去转换:let date = new Date(time* 1000); //*1000是因为formatTime格式化是按毫秒计算的let timeFormat = ut...原创 2019-12-02 22:55:33 · 622 阅读 · 0 评论 -
小程序时间戳转日期
小程序时间戳转日期,写一个工具类,可以直接调用。代码:util.jsconst formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() ...原创 2019-12-02 22:40:11 · 314 阅读 · 0 评论 -
小程序 点击按钮后修改颜色(样式)
需实现的功能:点击按钮后,按钮的颜色会加深效果展示:原按钮点击后的按钮代码:test.wxml文件 <view wx:if="{{sty==0}}"> <view class="score" style="background-color:{{score}};" catchtap='score'> <text>按钮一</tex...原创 2019-11-25 16:14:42 · 9135 阅读 · 1 评论 -
iOS使用Date.parse对时间转型时,转换后变成NAN
问题:使用Date.parse对 “ 2019-11-22 17:21:00 ” 转型时,转换后变成NaN问题代码:let time= "2019-11-22 17:21:00";let timeSame = Date.parse(new Date(time));console.log("difftime timeSame:" + timeSame);出现问题的图片:原因:iO...原创 2019-11-22 17:23:24 · 721 阅读 · 0 评论 -
小程序 真机模式清除缓存
真机模式清除缓存,如下图原创 2019-11-19 16:04:40 · 569 阅读 · 0 评论 -
小程序 两数相除得到整数的方法 取整
小程序取整分以下几种:1、直接取整 parseInt()let num = 5/3;let num1 = parseInt(num); // 直接取整console.log("num:" + num);// 1.6666666666666667console.log("直接取整:" + num1);// 1结果截图:2、四舍五入取整 toFixed()let num...原创 2019-11-16 15:01:22 · 6756 阅读 · 0 评论 -
小程序 怎样判断数据的类型
微信小程序中,如果想要知道数据的类型是什么,可以利用 typeof 来进行判断代码:let num =3*5;console.log("num:" + num);console.log("num类型:"+typeof num);//判断数据的类型日志打印:...原创 2019-11-16 14:39:56 · 8319 阅读 · 0 评论 -
小程序 动态实现进度条
微信小程序提供了progress组件,用于实现进度条。可查看progress组件。但今天需要实现的是动态从后台获取值,更加直观的展示出完成某功能的进度。效果展示:在开始写代码前,有两个属性需要了解,开发文档给出的定义如下:percent 百分比0~100 duration 进度增加1%所需毫秒数 而我们就需要利用这两个属性,完成进度条的动态显示。首先将完成进度增加1%所...原创 2019-11-12 14:25:20 · 11294 阅读 · 1 评论 -
小程序定时器的坑 | 使用定时器刷新出现重复数据
问题:点击刷新,会重复计时解决办法:在刷新之前先清空定时器,再点击刷新就不会出现这个问题了。使用定时器做倒计时加载的时候,遇到一个问题,我点击刷新按钮,会出现两个时间。一个时间是点击刷新之前的时间,一个是点击刷新之后的时间。这样就导致我刷新后,倒计时显示会弹跳两个时间。...原创 2019-10-24 14:36:40 · 1251 阅读 · 0 评论