- 博客(63)
- 收藏
- 关注
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
2577
2
原创 微信小程序实现和AI语音对话功能
1.效果微信小程序与AI语音对话2.效果主要实现技术①AI语音合成（阿里云平台）②微信小程序同声传译功能③本功能是用原生微信小程序实现的（可自行转成uniapp代码）3.同声传译进入微信服务市场，搜索同声传译就能找到这个插件，然后添加到自己的微信小程序中。可在微信公众平台,设置==》第三方设置==》插件管理中看到添加的插件4.添加同声传译插件后可在自己项目中配置，打开app.json5.代码index.wxmlindex.wxssindex.jsindex.json6.注意：2.
2024-07-16 15:13:31
1032
1
原创 原生开发h5进行微信分享，没有自定义设置成功头像、标题的问题解决方案
在使用微信JS-SDK进行分享时，wx.ready函数是非常关键的，因为它确保了微信JS-SDK的配置已经完成并且可以安全地调用JS-SDK的API。因此，在你的代码中，如果省略了wx.ready，那么wx.onMenuShareTimeline和wx.onMenuShareAppMessage可能在wx.config配置信息未被验证之前就被调用，从而导致分享功能失败。2.异步问题：wx.config是异步的，这意味着即使你紧接着wx.config之后调用API，配置可能还未完成，因此API调用可能无效。
2024-07-12 17:17:42
226
原创 vue引入并使用物理引擎matter.js
Matter.js 提供了一系列强大的功能，使得模拟真实世界中的物理行为变得简单，例如碰撞检测、刚体动力学、约束条件等。⑤渲染独立：Matter.js 不直接处理渲染，而是提供了物体的位置和尺寸信息，开发者可以根据需要选择自己的渲染方式。③物理特性丰富：支持静态、动态、运动学等多种类型的物体，以及各种关节、碰撞检测、摩擦力、重力等物理属性的自定义。②模块化：Matter.js 是高度模块化的，你可以选择只使用需要的功能模块，减少最终应用的体积。// frictionAir: 0.1 // 设置空气阻力。
2024-06-27 14:31:41
863
原创 vue引入aos.js实现滚动动画
AOS (Animate on Scroll) 是一个轻量级的JavaScript库，用于实现当页面元素随着用户滚动进入可视区域时触发动画效果。AOS提供了多种动画类型和可定制的设置，比如动画延迟、持续时间、动画类型（淡入、滑动、弹跳等）以及方向控制，使得网页在滚动时能够展现出平滑而吸引人的动态效果，提升用户体验。6.使用AOS，开发者只需要在HTML元素上添加特定的类名，并通过JavaScript初始化AOS，即可实现平滑的滚动动画效果。1.零依赖：不依赖其他库，直接使用原生JavaScript编写。
2024-06-18 18:06:03
1168
原创 微信小程序实现图生成不同风格特效（触站API）uniapp带demo代码
2.本次用的是触站平台的API,我申请的适用积分，有水印（博主没钱）。如果需要没有水印的可以去买他们的资源包。我们可以在主页看到自己免费获取的500积分，用于接口调用。注册/登录账号（已注册可跳过该步骤）index.wxss代码。index.js代码。
2024-06-05 15:24:08
351
原创 【特别说明】CSDN博客（同步）搬家至掘金
我非常享受在学习之后撰写博客的过程，这不仅让我巩固了所学的知识，还能帮助其他人一起成长。CSDN是我的第一个博客平台，但我们都知道，CSDN的广告确实会影响阅读体验。因此，我将我的文章同步发布在稀土掘金等平台上，确保大家有更好的阅读体验。技术博客的目的在于分享学习技术的经验，以及在学习过程中遇到的各种问题。最后，我想说，我会继续努力学习，不断提升文章的质量，希望我的分享对大家有所帮助！大家好，我是一只开心鸭！
2024-04-25 17:21:22
363
原创 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
904
原创 vue实现微信自带浏览器分享（小卡片形式）
2.在assets/js文件夹中创建share.js文件。2.cdn引入weixin-js-sdk的依赖。注意：只能在微信自带浏览器打开进行分享。在index.html中引入。
2024-03-15 14:30:48
790
原创 Vue+wow.js+animate.css实现动画效果
Wow.js 是一个轻量级的 JavaScript 库，用于在网页滚动时实现动画效果。基于 CSS3 的动画库 Animate.css，并通过触发 CSS 动画类来创建各种引人注目的过渡和动画效果。使用 Wow.js，可以很容易地为网页中的元素添加动画效果，比如淡入、滑入、缩放等。当用户滚动到指定位置时，Wow.js会自动触发相应的动画效果，为用户提供更加流畅和有趣的浏览体验。Wow.js 的优点在于简单易用，只需几行代码即可实现各种动画效果，并且支持自定义动画样式和回调函数。
2024-03-14 15:58:10
1054
原创 微信小程序调取相机实现拍照/录屏（带demo）
index.wxml代码。index.wxml代码。index.js代码。index.js代码。
2024-01-24 11:49:39
3352
3
原创 微信AR实现识别手部展示glb模型（带demo）
因为AR识别手部一直在识别，所以会出现闪动问题。可以将微信开发者调试基础库设置到3.3.2以上，可能要稳定一些。5.创建父组件scene-ar-germanBusiness，引入手势识别子组件。4.代码展示，在组件里先创建xr-ar-german组件。2.微信小程序手势识别只支持以下几个动作，和识别点位，3.3.代码展示，我用的是微信官方文档案例。
2024-01-22 09:57:24
901
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
816
原创 原生微信小程序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
2945
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
767
原创 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
1960
2
原创 uniapp使用uQRCode绘制二维码，下载到本地，调起微信扫一扫二维码核销
4.掉起微信扫一扫核销，将二维码扫出来的参数传个后端。2.在utils文件夹下创建uqrcode.js。3.在需要使用的页面引入js。
2023-10-17 11:42:24
2100
原创 利用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
419
原创 vue项目安装less-loader报错解决办法
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
2023-06-30 17:45:39
1537
原创 vue3+antDesignVue前端纯导出
/timeCel要转换时间,时间所在的列数 timeConversion是否要转换时间。//head 自定义表头 tableData:表格数据。//headers 自定义表头排序。// 将时间戳列转换为日期字符串。// 将时间戳列转换成日期格式。// 将工作簿转换成二进制数据。// 创建一个 Blob 对象。// 将工作表添加到工作簿中。//导出查询的所有数据。// 使用新的表头顺序。//模拟要导出的数据。// 创建一个工作表。// 时间戳所在的列。// 创建一个工作簿。
2023-05-18 15:11:23
950
原创 vue3运行npm run serve报错ERROR Error: Cannot find module ‘babel-plugin-import‘ Require stack:
然后会崩溃的发现运行还是报错，这会已经麻了，不过不要放弃。把依赖包删了重新npm i 还是报错。把less降低到3版本或一下。
2023-03-31 17:12:42
1677
原创 微信小程序组建监听observers
2.跟data同级，可监听data和props内的数据。‘ ** ’为通配符，可监听所有数据变动。1.自定义组件的properties中的数据属性。
2023-03-21 10:23:18
2338
原创 解决若依后台管理系统打包线上偶发性elementUI的icon会出现乱码的问题
这时候我们发会发现在浏览器上看样式content:""乱码,百度了很多,也尝试了各种方法都没有用.最后看到这篇博文。1.问题图片(本地运行环境下是没有问题的,打包线上环境就会出现乱码情况)打开vue.config.js加上以下代码,重新打包线上就可以了。升级sass版本至1.39.0、配置vue.config.js。
2023-01-07 14:36:48
942
原创 解决存储vuex数据,页面刷新后vuex数据被清空了的问题
2.可以监听用户是否手动刷新页面,刷新之前先把vuex的数据存储在localStorage里面,页面加载时读取localStorage里的状态信息给vuex赋值;赋值后再清空localStorage。打开app.vue文件,写入以下代码。1.vuex刷新后数据会被清除。
2022-12-20 14:18:37
2016
1
原创 node版本控制工具(nvm)
1.传统的node控制版本,需要去官网手动下载并安装;使用nvm可以快速的切换node版本,提高摸鱼时间哦~2.下载nvm(地址)3.再d盘soft(这是我专门存放软件的文件夹,大家可以直接在d盘下建nvm哈)文件夹下新建nvm文件夹,将下载的压缩文件解压到该文件夹下解压后nvm文件夹下就只有nvm-setup.exe文件,点击安装创建nodejs文件放在D:\soft\nvm 下4.安装完成后打开nvm->nvm文件夹下的settings.txt文件加入这两行命令node_mir
2022-12-08 11:28:50
1529
原创 elementUI解决栅格布局一行放五个盒子放不下的问题
1.问题图2.解决办法(修改:lg=“{span: ‘24-5’}”，这样在css中可以看到是 el-col-lg-24-5)样式最终效果:
2022-12-03 11:37:26
1997
原创 uview2.0自定义u-count-down倒计时
2.思路需要后端返回一个结束的时间戳(注意是毫秒时间戳,如果是秒需要在后面加3个0转为毫秒),获取当当前时间戳,当前时间戳减去商品结束的时间戳得出要倒计时的时间戳,然后再进行值得处理。
2022-11-17 10:48:04
3149
原创 uview2.0 u--input 解决键盘弹起时,输入框提示文字也被推上去的问题
1.问题图片 由于uview的u–input组件默认在键盘弹起时，自动上推页面,所以导致。2.解决方法 将adjustPosition设置为fakse。
2022-10-20 14:41:38
3052
4
uview u-swiper组件 安卓机有时会出现闪烁混乱这是为什么?
2022-08-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人