- 博客(57)
- 收藏
- 关注
原创 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 2516 2
原创 【特别说明】CSDN博客(同步)搬家至掘金
我非常享受在学习之后撰写博客的过程,这不仅让我巩固了所学的知识,还能帮助其他人一起成长。CSDN是我的第一个博客平台,但我们都知道,CSDN的广告确实会影响阅读体验。因此,我将我的文章同步发布在稀土掘金等平台上,确保大家有更好的阅读体验。技术博客的目的在于分享学习技术的经验,以及在学习过程中遇到的各种问题。最后,我想说,我会继续努力学习,不断提升文章的质量,希望我的分享对大家有所帮助!大家好,我是一只开心鸭!
2024-04-25 17:21:22 300
原创 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 644
原创 vue实现微信自带浏览器分享(小卡片形式)
2.在assets/js文件夹中创建share.js文件。2.cdn引入weixin-js-sdk的依赖。注意:只能在微信自带浏览器打开进行分享。在index.html中引入。
2024-03-15 14:30:48 575
原创 Vue+wow.js+animate.css实现动画效果
Wow.js 是一个轻量级的 JavaScript 库,用于在网页滚动时实现动画效果。基于 CSS3 的动画库 Animate.css,并通过触发 CSS 动画类来创建各种引人注目的过渡和动画效果。使用 Wow.js,可以很容易地为网页中的元素添加动画效果,比如淡入、滑入、缩放等。当用户滚动到指定位置时,Wow.js会自动触发相应的动画效果,为用户提供更加流畅和有趣的浏览体验。Wow.js 的优点在于简单易用,只需几行代码即可实现各种动画效果,并且支持自定义动画样式和回调函数。
2024-03-14 15:58:10 820
原创 微信小程序调取相机实现拍照/录屏(带demo)
index.wxml代码。index.wxml代码。index.js代码。index.js代码。
2024-01-24 11:49:39 2163 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 789 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 719
原创 原生微信小程序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 2195 14
原创 小程序隐私保护指引组件wx.getPrivacySetting
问题:项目里使用了获取微信昵称的input标签,发现上线后获取不到微信昵称。在component里面创建privacyPopup文件夹。2.自己自定义一个隐私保护提示,以下是我的组件。3.在需要的页面json里引入组件,注意路径哦。privacyPopup.html代码。privacyPopup.json代码。privacyPopup.wxss代码。privacyPopup.js代码。然后重新进入小程序就会弹出弹框。index.wxml页面引入。
2023-12-22 15:04:20 644
原创 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 1759 2
原创 uniapp使用uQRCode绘制二维码,下载到本地,调起微信扫一扫二维码核销
4.掉起微信扫一扫核销,将二维码扫出来的参数传个后端。2.在utils文件夹下创建uqrcode.js。3.在需要使用的页面引入js。
2023-10-17 11:42:24 1869
原创 利用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 354
原创 vue项目安装less-loader报错解决办法
3.再重新安装npm install --save less less-loader@5。2.应该是版本问题没有对应上,我们先卸载less-loader和less。1.安装less-loader的时候报错。
2023-06-30 17:45:39 1377
原创 vue3+antDesignVue前端纯导出
/timeCel要转换时间,时间所在的列数 timeConversion是否要转换时间。//head 自定义表头 tableData:表格数据。//headers 自定义表头排序。// 将时间戳列转换为日期字符串。// 将时间戳列转换成日期格式。// 将工作簿转换成二进制数据。// 创建一个 Blob 对象。// 将工作表添加到工作簿中。//导出查询的所有数据。// 使用新的表头顺序。//模拟要导出的数据。// 创建一个工作表。// 时间戳所在的列。// 创建一个工作簿。
2023-05-18 15:11:23 918
原创 vue3运行npm run serve报错ERROR Error: Cannot find module ‘babel-plugin-import‘ Require stack:
然后会崩溃的发现运行还是报错,这会已经麻了,不过不要放弃。把依赖包删了重新npm i 还是报错。把less降低到3版本或一下。
2023-03-31 17:12:42 1550
原创 微信小程序组建监听observers
2.跟data同级,可监听data和props内的数据。‘ ** ’为通配符,可监听所有数据变动。1.自定义组件的properties中的数据属性。
2023-03-21 10:23:18 2268
原创 解决若依后台管理系统打包线上偶发性elementUI的icon会出现乱码的问题
这时候我们发会发现在浏览器上看样式content:""乱码,百度了很多,也尝试了各种方法都没有用.最后看到这篇博文。1.问题图片(本地运行环境下是没有问题的,打包线上环境就会出现乱码情况)打开vue.config.js加上以下代码,重新打包线上就可以了。升级sass版本至1.39.0、配置vue.config.js。
2023-01-07 14:36:48 893
原创 解决存储vuex数据,页面刷新后vuex数据被清空了的问题
2.可以监听用户是否手动刷新页面,刷新之前先把vuex的数据存储在localStorage里面,页面加载时读取localStorage里的状态信息给vuex赋值;赋值后再清空localStorage。打开app.vue文件,写入以下代码。1.vuex刷新后数据会被清除。
2022-12-20 14:18:37 1963 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 1516
原创 elementUI解决栅格布局一行放五个盒子放不下的问题
1.问题图2.解决办法(修改:lg=“{span: ‘24-5’}”,这样在css中可以看到是 el-col-lg-24-5)样式最终效果:
2022-12-03 11:37:26 1895
原创 uview2.0自定义u-count-down倒计时
2.思路需要后端返回一个结束的时间戳(注意是毫秒时间戳,如果是秒需要在后面加3个0转为毫秒),获取当当前时间戳,当前时间戳减去商品结束的时间戳得出要倒计时的时间戳,然后再进行值得处理。
2022-11-17 10:48:04 2986
原创 uview2.0 u--input 解决键盘弹起时,输入框提示文字也被推上去的问题
1.问题图片 由于uview的u–input组件默认在键盘弹起时,自动上推页面,所以导致。2.解决方法 将adjustPosition设置为fakse。
2022-10-20 14:41:38 2797 4
原创 uview2.0 tabs组件在小屏幕上出现排版错乱的解决办法
2.解决办法(为了更好的维护,不需要一个页面一个页面加,所以直接在入口文件里加,全局适应)/* 解决uview2 tabs 在小屏幕上变形的问题 */
2022-10-20 14:21:59 980
原创 uniapp防抖
1.创建index.js文件存放在utils文件夹下,封装方法debounce1,一下文件我把项目需要功能函数都封装了,各位按需取哈。2.页面引用,在需要防抖的页面引入该文件。
2022-10-09 16:44:55 1060
原创 解决uni.getLocation用户端首次拒绝后,点第二次不会再调用的问题
前端小白在此请各位大佬多多指教鸭!效果(测试机为iphone11,机型不一样可能效果会有差别)解决方案:给与用户手动指引开启手机定位。
2022-08-20 16:08:20 1639 1
uview u-swiper组件 安卓机有时会出现闪烁混乱这是为什么?
2022-08-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人