![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序&公众号
废柴小z
这个作者很懒,什么都没留下…
展开
-
微信小程序gltf模型无法加载
4096,但8.0.27及以下版本图片最大不能超过2048*2048,否则也将无法加载gltf模型。gltf模型的纹理图片必须是2的n次幂,如:1024。微信版本8.0.27版本开始支持纹理分辨率4096。原创 2022-09-26 10:58:20 · 1461 阅读 · 0 评论 -
关于logarithmicDepthBuffer属性
logarithmicDepthBuffer, 官方解释: 是否使用对数深度缓存。如果要在单个场景中处理巨大的比例差异,就有必要使用, 默认是false。使用了会带来额外的开销, 但是效果会变好.渲染器渲染时有个特点, 距离越远的物体精度越低, 因此, 在远处, 多个材质可能集中在一个像素点上, 产生各种不正常现象, 这也叫z-fight.需要注意,该问题在微信小程序里,微信开发者工具模型显示是正常的完整的,到手机上看是不完整的。容易误判为近裁剪面的问题。原创 2022-09-19 15:12:54 · 1252 阅读 · 0 评论 -
微信小程序中实现对3D模型的单指旋转双指缩放移动
微信小程序中实现对3D模型的单指旋转双指缩放移动。原创 2022-08-18 16:09:03 · 1178 阅读 · 0 评论 -
微信小程序中three.js的canvas非全屏情况下射线检测不准确问题解决方案
全屏情况下的射线检测函数一般是这样写的:当canvas非全屏时写法:原创 2022-06-22 16:10:54 · 498 阅读 · 0 评论 -
THREE.js知识点整理
three.js必备元素创建thress.js要显示一个3D模型的必备元素:scene,camera.light,rendererH5写法: <script src="https://cdn.bootcdn.net/ajax/libs/three.js/r127/three.min.js"></script> var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75,window.i原创 2021-11-29 15:07:02 · 1917 阅读 · 0 评论 -
记录一次微信小程序总是闪退的问题
闪退原因:data中定义了一个名为type的数据且当使用setData改变type的值就会总是闪退。解决办法不要使用type作为data名。原创 2021-10-08 11:24:32 · 2682 阅读 · 0 评论 -
微信小程序组件生命周期中获取不到properties
项目场景:想在组件中通过书本的id来检查这本书是否被收藏。问题:在所有生命周期函数中获取properties中的值都拿不到bookid,获取会得到一个空字符串解决办法:使用observers监听bookid:observers:{ bookId(){ console.log('log',this.properties.bookId) request.checkStar(this.properties.bookId).then((res) => {原创 2021-09-01 13:55:17 · 2127 阅读 · 0 评论 -
微信小程序下载读取文件内容
const recoDir = wx.env.USER_DATA_PATH + '/recoDir/', FSM = wx.getFileSystemManager();downloadFile(url){ let _this = this; try{ FSM.accessSync(recoDir); FSM.rmdirSync(recoDir,true); FSM.mkdirSync(recoDir); }.原创 2021-07-01 10:10:46 · 949 阅读 · 0 评论 -
微信小程序相机自动识别去掉拍照的快门声
无快门声的实现方式:// 识别相关 createListener(){ let num = 0,self = this; const context = wx.createCameraContext(); listener = context.onCameraFrame(async function (res) { num++; if (num === 50) { num = 0; self.data2Ba原创 2021-07-01 09:35:48 · 961 阅读 · 0 评论 -
微信小程序获取canvas上下文的不同方式
const crx1 = wx.createCanvasContext("#canvas") // 1 微信小程序封装的绘图上下文:CanvasContext对象,有微信自己封装的绘图方法 保存canvas为图片时(wx.canvasToTempFilePath),参数canvas的值是"canvas"字符串var query = wx.createSelectorQuery()query.select("#canvas") .fields({ node: true, s原创 2021-06-21 16:39:39 · 1624 阅读 · 1 评论 -
微信小程序(以及THREE.js)场景导出成图片
微信小程序中type=webgl的canvas导出成图片<image src='{{photoUrl}}'></image>function createImg(){ photoUrl = renderer.domElement._ctx.canvas.toDataURL('image/jpeg'); self.setData({ photoUrl })}THREE.js场景导出成图片 function downloadImage(imgUrl原创 2021-05-24 21:29:25 · 2703 阅读 · 6 评论 -
普通二维码跳转微信小程序传参
登陆小程序微信公众平台后依次进入:开发管理-开发设置-扫普通链接二维码打开小程序配置如下:填写测试链接就可以给页面传参注意测试范围如果选择体验版就会跳转体验版小程序的对应页面,选择线上版就会跳转线上版小程序对应页面。获取普通链接跳转的参数:onLoad: function (options) { if (options.q) { let path = decodeURIComponent(options.q); let queryA原创 2021-05-08 13:19:36 · 835 阅读 · 0 评论 -
微信小程序音频播放时手机锁屏后重新打开导致onTimeUpdate不生效
解决办法:在onShow钩子函数中再绑定一次onTimeUpdateonShow: function () { let audioContext = this.data.audioContext; audioContext.onPlay(() => { audioContext.onTimeUpdate(() => { let currentTime = audioContext.currentTime; let duration原创 2021-03-25 19:18:49 · 1474 阅读 · 0 评论 -
小程序createInnerAudioContext()音频播放iOS端真机调试无声音且不执行play函数
小程序createInnerAudioContext()音频播放开发者工具正常,Android正常,iOS不报错无声音也不执行play()。分为两种情况:1.播放音频地址含有中文字符;2.播放音频地址不含有中文字符,且真机处于在静音模式下。解决办法1.第一种问题,在播放的地址上加encodeURI()方法,可解决地址含有中文字符(所有的含有中文地址问题都可以使用encodeURI来解决)innerAudioContext.src = encodeURI(voicePath);2.第二种问题,转载 2021-03-25 10:15:45 · 2026 阅读 · 2 评论 -
扫描普通二维码跳转到微信小程序指定页面
登陆微信公众平台 - 开发管理 - 开发设置添加如下配置:二维码规则这里写上一个自己拥有的域名,如我这里写了https://wa.al.com.cn是我的域名地址,wechat/test是我的服务器目录下载校验文件根据提示放到https://wa.al.com.cn/wechat/下小程序功能页面写要跳转到的小程序的页面地址测试范围:如果选择体验版则跳转小程序的时候就是跳转到体验版小程序的指定页面,如果选择线上版则跳转小程序的时候就是跳转到线上版小程序的指定页面,这里一定要选对版本,否则有可能原创 2021-03-24 10:32:45 · 3661 阅读 · 0 评论 -
微信小程序修改swiper指示点样式
.swiper .wx-swiper-dot{ height: 12rpx; width: 12rpx; background: red}.swiper .wx-swiper-dot-active{ width: 36rpx; height: 12rpx; border-radius: 6rpx; background: pink}原创 2021-03-18 14:55:58 · 547 阅读 · 0 评论 -
微信小程序分享朋友圈图像绘制
想绘制如下分享朋友圈图片其中标题毛泽东为可变文字,毛泽东传这种图为可变的图,图的宽高比有可能出现宽大于高,如下<view class='pop-share' wx:if='{{shareShow}}' bindtap="cancelShare"> <view class="share1" wx:if='{{shareState === 1}}'> <button open-type="share"> <image src='../.原创 2021-01-04 15:41:02 · 454 阅读 · 0 评论 -
微信小程序在模板语法中使用indexOf失效问题解决办法
失效问题:小程序的mastache语法不支持js的方法。即在页面标签中,使用以下js方法无效:Object.keys() toString() indexOf() 解决办法-wxs:WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如想取出一个字符串的最后一位,就不能调用slice()方法。通常的解决办法是在转载 2020-12-11 16:58:39 · 3221 阅读 · 2 评论 -
小程序canvas-旋转图片
https://www.jianshu.com/p/71d3d5b2c768原创 2020-11-11 17:11:07 · 943 阅读 · 0 评论 -
微信小程序定制多选框的UI
微信小程序多选框的定制:点击右上角的垃圾桶按钮后UI如下:全选后:因为项目需要,我将中间的书本部分作为组件拆出来了。组件中相关实现如下:wxml:<scroll-view scroll-y='true' bindscrolltolower='loadMoreData' enable-flex='true' class='content' > <checkbox-g原创 2020-10-28 18:47:16 · 526 阅读 · 1 评论 -
cover-view border-bottom 在真机不显示
微信小程序cover-view不支持设置单边的border,可以新增一个元素来模拟边框效果<cover-view class='dialog-content'>12345上山打老虎!</cover-view><cover-view class="dialog-longline"></cover-view>.dialog-longline { width: 100%; height: 2rpx; background-color:原创 2020-09-18 10:36:40 · 497 阅读 · 0 评论 -
小程序云开发关联表
关联表学习文中代码并不是实际代码,伪代码不可直接运行。功能:用户 喜欢 文章表用户表(users)idusername唯一标识,没有登录的可直接使用 _openid用户名文章表(articles)idtitlecontent唯一标识标题内容关联表(relation)indexuserIdarticleId唯一索引用户 ID文章 ID用户喜欢文章时,向 relation 添加一条数据,用户取消喜欢时,从转载 2020-08-09 19:24:40 · 620 阅读 · 1 评论 -
微信小程序修改对象或数组的某一个值
1、更改数组中的值list: [ {txt:'txt1',flag:true}, {txt:'txt2',flag:true}]chooseSHK:function(e){ let choseChange = "list[" + e.currentTarget.id + "].flag"; this.setData({ [choseChange]: false })} 2、更改对象中的值userInfo: { sex: '',原创 2020-08-04 11:23:21 · 1603 阅读 · 0 评论 -
微信小程序 - image的mode属性
缩放 scaleToFill 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素缩放 aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。缩放 aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。缩放 widthFix 宽度不变,高度自动变化,保持原图宽高比不变裁剪 top 不缩放图片,只显示图片的顶部区域裁剪 bott原创 2020-07-24 11:06:10 · 990 阅读 · 0 评论 -
微信小程序webview保存图片
先加载 微信js-sdk<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>html端把图片转为base64,然后通过postmessage传递给小程序let img = new Image()img.src = 'xxxx' //这里是图片的srcimg.cross...转载 2020-04-13 18:53:12 · 5086 阅读 · 1 评论 -
微信小程序导入外部css和js
导入外部js:const app = require('../common');导入外部css:@import '../common.wxss';原创 2020-07-24 09:12:10 · 900 阅读 · 0 评论 -
微信小程序下拉刷新
一:配置需要下拉刷新的页面的json文件"enablePullDownRefresh": true,函数/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('onPullDownRefresh') // 相关代码 wx.stopPullDownRefresh({// 下拉复位 success: (res) => {}, })原创 2020-07-23 09:35:46 · 926 阅读 · 0 评论 -
微信小程序拍照合成照片
<!--index.wxml--><view style='background-color:#000;' wx:if='{{isAuth}}'> <view class='page-main'> <view wx:if='{{!photoSrc}}'> <camera mode="normal" device-position="{{cameraDirec}}" flash="auto" binderror="cameraFo原创 2020-07-14 18:07:09 · 1900 阅读 · 5 评论 -
微信小程序实现图片随手机晃动而晃动
<view class="container"> <image class="img" style="transform: rotate3d(0, 1, 0, {{x}}deg)" src="../../demo.jpg"></image></view>page{ width: 100%; height: 100%;}.container{ width: 100%; height: 1原创 2020-07-14 18:00:32 · 2059 阅读 · 0 评论 -
微信小程序轮播图标题跑马灯
微信小程序做轮播图,轮播图下的标题如果不长不需要跑马灯效果,过长的无法显示全的则添加跑马灯效果<swiper class="swiper" current="0" bindchange="onSlideChange"> <swiper-item wx:for='{{carouselImgArr}}' wx:key='index'> <image src='{{item.image}}' mode='heightF原创 2020-06-23 18:17:25 · 687 阅读 · 0 评论 -
微信小程序左滑右滑组件
var touchDot, interval, time = 0,slideDirection;touchStart: function (e) { touchDot = e.touches[0].pageX; // 获取触摸时的原点 // 使用js计时器记录时间 interval = setInterval(function () { time++;...原创 2020-05-08 09:53:11 · 1050 阅读 · 2 评论 -
文旅通小程序 知识点总结
获取用户头像和昵称<open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>获取用户手机号HTML<button open-type="getPhoneNumber" bindgetp...原创 2020-04-24 20:12:00 · 674 阅读 · 0 评论 -
微信小程序实现转盘抽奖
<!--pages/component/lottery/lottery.wxml--><view class="canvas-container"> <view animation="{{animationData}}" class="gb-wheel-content" style='width:{{size-2}}rpx;height:{{size}}rpx...原创 2020-04-09 13:34:25 · 5990 阅读 · 0 评论 -
微信小程序获取音频时长及实时获取播放进度
首先在没有播放音频之前,居然拿不到总时长但是在播放之后也需要设置setTimeout来获取所以在监听音频播放进度更新事件中获取。顺便获取当前播放进度按照官方的写法audioPlayed: function () {myAudio.play()setTieout(() => {myAudio.onTimeUpdate(() => {console.log(myAudio....原创 2020-04-08 12:13:49 · 2150 阅读 · 0 评论