- 博客(72)
- 收藏
- 关注
RSS订阅
原创 wangEditor上传本地视频/本地图片至阿里云oss并回显
wangEditor上传本地视频/本地图片至阿里云oss并回显1.上传本地图片至oss并且回显至富文本先创建oss.js上传/图片/视频接口import request from '@/utils/re.js' //封装的请求import axios from 'axios'export function policy1() { return request({ url:'url',//上传接口 method:'get', })}export function ge
2021-01-13 19:42:20
2885
2
原创 深拷贝函数方法
在 JavaScript 中，对象和数组是引用类型，直接赋值或浅拷贝只会复制引用而不是值，这可能导致对原始对象或数组的改变会影响到拷贝后的对象或数组，而深度克隆则可以创建一个完全独立的副本。因此，对于需要对包含嵌套结构的对象或数组进行克隆操作，或者需要创建完全独立的副本以防止数据共享引起的问题时，使用深度克隆函数是一个有效的解决方案。2.通过递归处理对象或数组中的每一个属性或元素，深度克隆函数能够确保所有嵌套的对象或数组也被完全复制，而不是简单的复制引用。
2024-10-12 14:21:17
234
原创 原生js+html2canvas进行截图生成海报
在这里插入图片描述](https://i-blog.csdnimg.cn/direct/492626ce40964020b2e12b4249f963db.png)在index.html文件中引入html2canvas.js和script.js。在js中创建html2canvas.js文件。在js中创建script.js文件。
2024-09-27 15:41:44
649
原创 原生js全局音乐播放
如果需要点击按钮后暂停音乐播放，可直接调用bgm.toggleBGM();新建index.html 引入script.js。2.新建script.js。效果暂时（音乐没录进去）
2024-09-27 15:07:53
1493
原创 vue-animate-onscroll动画库(可来回触发动画)
它是一个 Vue 插件，用于在滚动时触发动画效果。它可以帮助开发者在用户滚动页面时，逐渐展示元素，增强用户体验。基本用法是通过在元素上添加特定的指令，指定动画效果和触发条件。
2024-09-23 13:58:57
1419
原创 h5分享出去一会有自定义图片标题，一会没有自定义图片标题解决办法
1.问题：做分享的时候发现，分享出去有时候有图片，有时候没有，尝试了很多方法都不行，最后发现如果在分享功能中不使用 wx.ready，可能会遇到以下问题：①API 调用失败：wx.ready 确保微信 JS SDK 完全加载和初始化。如果在 SDK 准备好之前调用 API 方法（如 wx.onMenuShareTimeline 或 wx.onMenuShareAppMessage），这些方法可能无法正常工作，因为 SDK 的相关功能可能尚未启用或配置。②功能无法正常实现：分享功能可能不会按预期执行。用户点击
2024-09-09 09:57:29
1008
1
原创 微信小程序实现websokect语音对话，实现后端实时返回片段音频，前端播放+心跳检测
1.目的：之前项目实现跟ai语音对话，因为API语音结果生成缓慢，返给前端大概在10s左右，所以领导要求使用websokect,实时接受后端反的片段音频，前端播放。这样生成的时间就会快很多。
2024-08-21 16:13:41
777
1
原创 微信小程序用户拒绝微信授权后提示用户打开位置权限（判断当前位置是否在限制区域中）
注意：该功能中定位我用的高德地图定位获取具体的省市区，如果有需要的小伙伴可参考。1.在common文件夹中创建index.js文件。3.在app.json中加入。2.app.js中引入。
2024-07-31 15:18:42
724
原创 原生微信小程序wxml2canvas生成海报并包保存至本地
是一个用于微信小程序开发的工具库，主要用途是将小程序页面的内容绘制成图片，以便生成海报或保存分享图片到相册等功能。①海报生成功能：允许开发者将当前页面的特定部分或整个页面内容绘制到 Canvas 上，并导出为图片，用于生成自定义的海报。②分享图片生成：可以将页面内容（如用户生成的图表、统计数据等）转换为图片形式，方便用户保存或分享到社交平台。⑤用户交互的延展：通过将用户交互的内容绘制到图片上，可以实现一些特殊的需求，如生成用户定制的表单、报告等。
2024-07-31 13:57:35
1603
原创 原生微信小程序全局事件总线
在所需要的页面通过 app.globalData.eventBus.on(‘isregionUpdated’, this.onIsregionUpdated);页面生命周期管理：在页面加载时订阅事件，在页面销毁时取消订阅，以避免内存泄漏和不必要的事件处理。全局性：事件总线可以跨越页面、组件甚至小程序的整个生命周期，提供了一种有效的全局通信机制。参数传递：可以通过事件对象来传递需要的数据，确保信息的完整性和正确性。解耦性：可以降低页面或组件之间的耦合度，提高代码的可维护性和复用性。
2024-07-30 10:32:02
812
原创 微信小程序实现和AI语音对话功能
1.效果微信小程序与AI语音对话2.效果主要实现技术①AI语音合成（阿里云平台）②微信小程序同声传译功能③本功能是用原生微信小程序实现的（可自行转成uniapp代码）3.同声传译进入微信服务市场，搜索同声传译就能找到这个插件，然后添加到自己的微信小程序中。可在微信公众平台,设置==》第三方设置==》插件管理中看到添加的插件4.添加同声传译插件后可在自己项目中配置，打开app.json5.代码index.wxmlindex.wxssindex.jsindex.json6.注意：2.
2024-07-16 15:13:31
5343
8
原创 vue引入并使用物理引擎matter.js
Matter.js 提供了一系列强大的功能，使得模拟真实世界中的物理行为变得简单，例如碰撞检测、刚体动力学、约束条件等。⑤渲染独立：Matter.js 不直接处理渲染，而是提供了物体的位置和尺寸信息，开发者可以根据需要选择自己的渲染方式。③物理特性丰富：支持静态、动态、运动学等多种类型的物体，以及各种关节、碰撞检测、摩擦力、重力等物理属性的自定义。②模块化：Matter.js 是高度模块化的，你可以选择只使用需要的功能模块，减少最终应用的体积。// frictionAir: 0.1 // 设置空气阻力。
2024-06-27 14:31:41
1244
原创 vue引入aos.js实现滚动动画
AOS (Animate on Scroll) 是一个轻量级的JavaScript库，用于实现当页面元素随着用户滚动进入可视区域时触发动画效果。AOS提供了多种动画类型和可定制的设置，比如动画延迟、持续时间、动画类型（淡入、滑动、弹跳等）以及方向控制，使得网页在滚动时能够展现出平滑而吸引人的动态效果，提升用户体验。6.使用AOS，开发者只需要在HTML元素上添加特定的类名，并通过JavaScript初始化AOS，即可实现平滑的滚动动画效果。1.零依赖：不依赖其他库，直接使用原生JavaScript编写。
2024-06-18 18:06:03
1741
原创 微信小程序实现图生成不同风格特效（触站API）uniapp带demo代码
2.本次用的是触站平台的API,我申请的适用积分，有水印（博主没钱）。如果需要没有水印的可以去买他们的资源包。我们可以在主页看到自己免费获取的500积分，用于接口调用。注册/登录账号（已注册可跳过该步骤）index.wxss代码。index.js代码。
2024-06-05 15:24:08
556
原创 【特别说明】CSDN博客（同步）搬家至掘金
我非常享受在学习之后撰写博客的过程，这不仅让我巩固了所学的知识，还能帮助其他人一起成长。CSDN是我的第一个博客平台，但我们都知道，CSDN的广告确实会影响阅读体验。因此，我将我的文章同步发布在稀土掘金等平台上，确保大家有更好的阅读体验。技术博客的目的在于分享学习技术的经验，以及在学习过程中遇到的各种问题。最后，我想说，我会继续努力学习，不断提升文章的质量，希望我的分享对大家有所帮助！大家好，我是一只开心鸭！
2024-04-25 17:21:22
601
1
原创 vue写h5自适应js代码
3.注册窗口大小改变事件监听器以及pageshow事件监听器，当窗口尺寸发生变化或页面重新加载时，会自动调整字体大小和rem基准值。4.提供了两个工具函数：D.rem2px(d)用于将rem单位转换为px单位，D.px2rem(d)用于将px单位转换为rem单位。1.根据设备屏幕宽度、设备像素比等信息动态设置根元素（通常为html）的字体大小，并以此为基础计算rem单位的实际尺寸。2.创建或修改页面中的meta viewport标签以控制页面缩放比例。
2024-03-15 15:05:20
1428
原创 vue实现微信自带浏览器分享（小卡片形式）
2.在assets/js文件夹中创建share.js文件。2.cdn引入weixin-js-sdk的依赖。注意：只能在微信自带浏览器打开进行分享。在index.html中引入。
2024-03-15 14:30:48
1507
3
原创 Vue+wow.js+animate.css实现动画效果
Wow.js 是一个轻量级的 JavaScript 库，用于在网页滚动时实现动画效果。基于 CSS3 的动画库 Animate.css，并通过触发 CSS 动画类来创建各种引人注目的过渡和动画效果。使用 Wow.js，可以很容易地为网页中的元素添加动画效果，比如淡入、滑入、缩放等。当用户滚动到指定位置时，Wow.js会自动触发相应的动画效果，为用户提供更加流畅和有趣的浏览体验。Wow.js 的优点在于简单易用，只需几行代码即可实现各种动画效果，并且支持自定义动画样式和回调函数。
2024-03-14 15:58:10
1390
原创 微信小程序调取相机实现拍照/录屏（带demo）
我已上传demo案例，有需要的童鞋自行下载，项目直接用微信开发者工具打开，主要修改成自己的appid；运行需要编译到pages/ar/scene-ar-germanBusiness1/index 页面后手机预览打开。可能刚打开是白屏，需要等一会，模型加载需要时间。index.json文件代码。index.wxml代码。index.wxml代码。index.js代码。index.js代码。
2024-01-24 11:49:39
6578
4
原创 微信AR实现识别手部展示glb模型（带demo）
因为AR识别手部一直在识别，所以会出现闪动问题。可以将微信开发者调试基础库设置到3.3.2以上，可能要稳定一些。5.创建父组件scene-ar-germanBusiness，引入手势识别子组件。4.代码展示，在组件里先创建xr-ar-german组件。2.微信小程序手势识别只支持以下几个动作，和识别点位，3.3.代码展示，我用的是微信官方文档案例。
2024-01-22 09:57:24
1376
2
原创 原生微信小程AR序实现模型动画播放只播放一次，且停留在最后一秒
2.微信小程序AR是2023年初发布，还有很多问提（比如glb模型不能直接播放最后一帧；index.json代码 子组件地址根据自己的路径来 xr-demo-viewer组件在官方文档demo里面有。5.在page创建父组件scene-ar-germanBusiness。先创建组件xr-ar-cameraglb。3.代码展示，我用的是微信官方文档案例。index.wxml文件代码。index.wxml代码。index.json代码。index.js代码。index.js代码。
2024-01-19 18:13:49
1188
原创 原生微信小程序AR(扫描指定图片显示glb模型带demo项目)
4.在components组件里面创建common文件share-behavior.js。准备：需要准备要扫描的图片地址和扫描成功后显示的模型。share-behavior.js代码。scene-ready.js文件代码。index.json文件代码。index.wxml文件代码。index.js文件代码。index.json代码。index.wxml代码。index.wxss代码。index.js文件代码。index.json代码。index.wxss代码。index.js代码。utils.js代码。
2024-01-05 17:44:15
5323
30
原创 小程序隐私保护指引组件wx.getPrivacySetting
问题：项目里使用了获取微信昵称的input标签，发现上线后获取不到微信昵称。在component里面创建privacyPopup文件夹。2.自己自定义一个隐私保护提示，以下是我的组件。3.在需要的页面json里引入组件，注意路径哦。privacyPopup.html代码。privacyPopup.json代码。privacyPopup.wxss代码。privacyPopup.js代码。然后重新进入小程序就会弹出弹框。index.wxml页面引入。
2023-12-22 15:04:20
1062
原创 uniapp+uview2.0+vuex实现自定义tabbar组件
/ // console.log('更新', newVal, oldVal)1.在components文件夹中新建MyTabbar组件。// immediate: true, //立即执行。4.创建store目录，下面创建index.js文件。// deep: true, // 深度监听。//这里用到了vuex存储数据。
2023-11-07 15:56:22
2315
2
原创 uniapp使用uQRCode绘制二维码，下载到本地，调起微信扫一扫二维码核销
4.掉起微信扫一扫核销，将二维码扫出来的参数传个后端。2.在utils文件夹下创建uqrcode.js。3.在需要使用的页面引入js。
2023-10-17 11:42:24
3315
原创 利用node➕express插件搭建本地服务器，将vue2打包文件部署到本地服务器
9.打开浏览器输入地址http://localhost:5005 或者 http://localhost:5005/index.html 回车就可以啦~7.穿件static文件夹用于放静态资源及打包的文件,将前端npm run build后生成的dist文件里的内容全部复制在static文件夹下。5.然后生成了node_moduled依赖,package-lock.json和package.json文件。2.用vscode打开nodeExpress文件夹。8.最后在终端运行node server。
2023-09-25 11:36:25
528
原创 vue项目安装less-loader报错解决办法
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
2023-06-30 17:45:39
1829
原创 vue3+antDesignVue前端纯导出
/timeCel要转换时间,时间所在的列数 timeConversion是否要转换时间。//head 自定义表头 tableData:表格数据。//headers 自定义表头排序。// 将时间戳列转换为日期字符串。// 将时间戳列转换成日期格式。// 将工作簿转换成二进制数据。// 创建一个 Blob 对象。// 将工作表添加到工作簿中。//导出查询的所有数据。// 使用新的表头顺序。//模拟要导出的数据。// 创建一个工作表。// 时间戳所在的列。// 创建一个工作簿。
2023-05-18 15:11:23
1043
原创 vue3运行npm run serve报错ERROR Error: Cannot find module ‘babel-plugin-import‘ Require stack:
然后会崩溃的发现运行还是报错，这会已经麻了，不过不要放弃。把依赖包删了重新npm i 还是报错。把less降低到3版本或一下。
2023-03-31 17:12:42
2036
uview u-swiper组件 安卓机有时会出现闪烁混乱这是为什么?
2022-08-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人