- 博客(43)
- 收藏
- 关注
RSS订阅原创 uniapp项目中，通过renderjs的方式展示地图，及其标点、轨迹展示、轨迹回放
2、当数据传入后，会触发setMapBox方法 ，:change:xxx(接收数据的参数名)="aaa.bbb(renderjs对应的module名.renderjs中的方法名)" :change:mapForm="amapRef.setMapBox"1、地图节点view对应的id是amapRef，使用给组件传值（类似于props）的方式给地图传入需要渲染的数据（即mapForm是地图中接收传入数据的参数，currentMapObj是传递给地图的数据），完整代码script。
2025-12-16 17:19:24
173
原创 uniapp项目中，新增页面提交完数据，返回列表页，刷新列表uni.navigateBack
【代码】uniapp项目中，新增页面提交完数据，返回列表页，刷新列表uni.navigateBack。
2025-12-12 16:25:58
65
原创 微信公众号开发时微信支付：如何获取appId、商户号、AppSecret、商户API证书、APIv2秘钥、公钥文件
5、设置secretID,需要申请商户号的微信扫码登录，及时复制id；【ip白名单】一定要设置：里面包含的是请求id（类似于127.0.0.1）6、【微信支付】获取cert.pem和key.pem（证书文件和公钥文件）4、在公众号开发平台中【广告与服务】下的微信支付模块，绑定商户号。3、【微信支付】平台申请成为商户，并获取商户号。1、让管理员把开发人员绑定为公众号运营者。2、运营者可以绑定开发人员的微信为开发者。
2025-10-31 11:46:11
428
原创 three.js学习记录（第六节：光源投射阴影）
能够投射阴影的光源只有这3种： DirectionalLight 、PointLight、 SpotLight。
2025-08-26 18:10:21
355
原创 three.js学习记录（第五节：灯光）
无光照时，几何体的材质也没有设置任何属性（比如：材质的自发光颜色），几何体就呈现默认色（黑色）无光照1、AmbientLight：环境光环境光会均匀的照亮场景中的所有物体。环境光不能用来投射阴影，因为它没有方向。
2025-08-22 14:33:27
941
原创 three.js学习记录（第四节：材质外观）
这种光的表现像是无限远，从它发出的光线都是平行的。常常用平行光来模拟太阳光的效果。太阳足够远，因此我们可以认为太阳的位置是无限远，所以我们认为从太阳发出的光线也都是平行的。非金属材质，如木材或石材，使用0.0，金属使用1.0，通常没有中间值。MeshBasicMaterial 基础网格材质不受光源影响（添加光源，没有任何光影效果，几何体不会有任何变化），所以如果添加光源，可以使用MeshStandardMaterial材质。3> emissive：材质的放射（光）颜色，基本上是不受其他光照影响的固有颜色。
2025-08-20 13:22:41
520
原创 three.js学习记录（第二节：鼠标控制相机移动）
注意：如果此处没有用动画requestAnimationFrame，仅仅只是new OrbitControls(camera, renderer.domElement)，则鼠标控制的效果是看不到的，即使鼠标在移动的过程中相机camera的位置是在不断变化的，但这个位置并没实时渲染到canvas上。注意：从官网上粘贴的引入路径有时候是不对的，手动从自己的node_modules中找一下OrbitControls.js文件的路径，核实准确才有效。一、鼠标控制 - 轨道控制器（OrbitControls）
2025-08-13 17:16:54
457
原创 three.js学习记录（第一节：安装three.js、基础三要素）
5、创建网格辅助线，GridHelper(size,divisions,colorCenterLine,colorGrid) 入参分别是坐标格尺寸（类似于正方形的边长）、坐标格的细分（边长分为几份）、中线颜色、网格线颜色。4、创建的立方体cube图形以像素的形式展示在屏幕上，边缘看起来有颗粒感，不平滑，加上antialias:true属性能一定程度减少锯齿感。yarn add -D three 或者。3、创建canvas场景、相机、加载器。1、安装three.js的命令。
2025-08-12 11:12:59
220
原创 通过el-image实现点击文字查看图片，及其图片列表
对于这个需求，我们可以应对的方案是：在文字旁边写一个el-image图默认显示多张图片中的第一张，el-image的盒子根据文字的盒子定位position：absolute;left:0， 且el-image的宽高和文字的div宽高保持一致，相当于图片完全覆盖在文字上面，但el-image设置了透明度opacity:0，隐藏了图片。这样视觉效果上点击了文字，实际上点击了图片。preview-src-list对应的是图片列表，即多张图片访问链接的数组。
2025-08-01 18:07:46
385
原创 通过路由传入的参数，再刷新时，想要清除该参数产生的效果
如上图所示：路由带入的参数作为查询条件之一，当清除输入框中的内容后查询全部信息。若再次刷新页面，路由带来的参数将再次作为查询条件进行查询，这是不符合我们实际业务需求的。监听输入框的清除事件，一旦监测到输入框的值为空，也清除路由的参数。
2025-07-17 13:28:27
196
原创 vue路由传参，参数包含特殊字符，参数无法正常使用
传入路由的参数中包含特殊字符，比如：#、$、@、！、-、=、+、等等时，路由是无法识别这种特殊字符的。
2025-07-17 09:59:19
303
原创 vue页面如何调用iframe内部的方法
3、在iframe页面的mounted中。4、在iframe页面的method中。2、vue页面中按钮的点击事件。1、在外部vue页面。
2025-02-27 17:50:35
534
原创 在iframe内部调用外部vue页面中的方法
2、在外部vue页面的mounted。3、在外部vue页面的method。1、在iframe文件内部。
2025-02-27 17:35:23
419
原创 node-sass下载报错
你可以：卸载node-sass，再npm run serve启动项目修改逻辑就好了。如果只是改老项目，在不修改样式的情况下，为了启动项目（这是一个治标不治本的方法）卸载：npm uninstall node-sass。我实在是没找到解决方案：哭死。
2025-02-10 14:45:00
142
原创 uniapp中，通过uni.chooseLocation获取手机定位时，基座可以打开高德地图，云打包后打开地图异常，地址列表也是不显示。
问题描述：打包后，app查看并选择当前定位的详细地址时，地图显示异常，且地址列表也是没有相关推荐，更无法进行搜索（下图中：左侧是问题图样，右侧是理想图样）2、 再看代码manifest.json的相关配置，代码中随便找个地方引入地图，再把地图的相关权限打开，打包后，如果地图能正常显示，说明key是没问题的。补充权限 （为了万无一失，我都开了）
2025-02-06 17:42:14
1223
2
原创 uniapp中，按钮的阻止事件冒泡.stop不起作用（报错）
2、<uni-icons>标签并不是原生标签，直接.stop会没有点击效果，需要.native修饰符才能起到阻止冒泡的作用；native修饰符只能作用于内部有嵌套原生标签的组件上，不能直接用在原生标签上。1、<view>标签是原生标签，可以直接通过.stop进行阻止事件冒泡；在图片中的两个点击事件而言，
2025-01-13 11:32:33
791
原创 uniapp获取当前坐标时，打包程序不能获取定位信息，但是基座可以
可以使用type:GCJ02（国家测量局02号标准）是中国国内地图的标准坐标系,虽然这种方式不能打开地图，进行选择你想要定位的位置，但至少能获取手机当下的位置。console.log('坐标',res);
2025-01-08 11:47:57
538
原创 uniapp签名功能
2、代码解析：首先通过uni.canvasToTempFilePath将画布绘制的图样输出的图片，再将输出的图片进行旋转，重新设置宽高（将原来的宽高对调），再进行一次uni.canvasToTempFilePath输出，得到可以在竖屏呈现的横屏签名图。1、在表单页面点击【去签名】按钮，跳转签名页面，样式如下。
2024-12-05 16:50:10
1053
原创 uniapp版本更新
console.log('申请权限错误：' + error.code + " = " + error.message);showLoading.setTitle("正在下载" + res.progress + "%");// console.log('版本', type, plus.runtime.versionCode)
2024-12-05 10:58:19
1003
原创 uniapp中，打开手机本地存储（比如相册、文件管理）后，输入框的内容消失了。
如果你在onShow(){}中有重置表单内容的操作，那么每当进入页面，onShow就触发将表单内容清空，所以重置表单的操作不能写在onShow里面，可以放在onLoad里。
2024-11-14 15:37:23
257
原创 uniapp通过uni.createCanvasContext画图，再用uni.canvasToTempFilePath将画出的图形转成文件流，为什么得到的图片背景是透明的
2、在app（手机端），uni.canvasToTempFilePath将画出的图像会转成绝对路径，若我们需要的是base64文件流，需要将绝对路径进一步转换编码。1、在h5页面，uni.canvasToTempFilePath将画出的图像会转成base64（默认是png格式的）可通过fileType: 'png',修改图片格式（提示：png格式生成的图片背景是透明的）
2024-11-13 11:22:37
618
原创 uniapp中点击dom节点，希望点击区域快速高亮
问题描述：通过for循环渲染出多个【点击区域】，当点击其中某个dom节点【区域】带有跳转，或者其他逻辑操作时，仅仅拿点击区域的下标和当前高亮的下标来判断高亮样式的隐藏和显现，是有延迟（甚至看不到效果）:class="currentIndex == index?'hasLight' : ''"解决方案：hover-class="highLight" 在循环的【点击区域】上写hover-class="具有高亮效果样式的class名"
2024-11-06 18:13:25
281
原创 uniapp上传pdf、word、excel文件
1、创建js文件： @/utils/uploadFile.js；在文件中暴露出chooseFile方法。2、在【上传文件】功能的页面引入第一步中的js文件。3、点击【上传文件】按钮调用方法中。
2024-11-05 10:05:25
3363
12
原创 uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64
【代码】uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64。
2024-11-01 18:06:22
864
原创 表格的多级表头：表头通过二维数组数据循环，如何实现
1.如果你的数据是个二维数组，例如这样，第一层数组以时间为区分标准，第二层数组以类型为区分标准。问题描述：当你的表头是用接口返回数据遍历出的。
2024-10-15 15:46:38
321
原创 前端实现导出excel，file-sver（复杂表格或者非表格内容）
问题描述：如果需要下载成excel格式的文件不是单纯的表格，可以使用xlsx、xlsx-style、file-saver。2.在vue.config.js中一定要补充externals:{'./cptable':'var cptable'}3.创建一个js文件（比如：exportExcel.js）4.exportExcel.js代码。
2024-07-17 10:55:50
665
原创 data:image/png；base64格式的图片下载成pdf
问题描述：接口返回的数据是base64格式的图片，如果想通过js方法下载成pdf格式的文件。3.将接口返回的base64数据解码成二进制，再将二进制数据添加到PDF中。2.引入工具jspdf。1.可以jsPDF，
2024-07-15 17:41:21
9104
原创 前端调用电脑打印弹窗，实现任意区域内容打印功能
描述：当需要打印的内容是比较灵活（不只有表格）的情况下，可通过此方法实现。1.下载html2canvas、printJs（如果依赖中有直接引入）3.在打印区域的最大div绑定ref，其外层的div长款要有固定值。4.打印按钮调用的方法。
2024-07-15 11:37:10
622
原创 表格的列头分行显示
描述：列头需要显示的信息很多，且一行显示的情况下，导致数据单元格浪费了很多展示空间，这种情况下，可选择将列头的信息分成多行显示。解决方案：通过renderHeader将一行的title分成两行分别放在两个div里。
2023-12-29 11:54:20
637
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人