- 博客(65)
- 收藏
- 关注
RSS订阅原创 uniapp开发h5端使用video播放mp4格式视频黑屏，但有音频播放解决方案
mp4格式视频有一些谷歌播放视频黑屏，搜狗浏览器可以正常播放。第二步：点击添加文件选择想要转换编码的mp4格式视频文件。第四步：视频编码选择为h264，然后点击右下角确定。完成后文件夹里就有转码成功后的视频文件了。第六步：此时已经有一条视频，点击开始。如果是自己手动上传文件可以手动转换。如果是后端上传就需要后端去转换。第三步：点击右上角输出配置。第五步：再点击右下角确定。
2024-04-10 15:33:11
1663
原创 uniapp写安卓端app自动更新下载apk安装
需要后端返回一个接口，接口里有最新版本号和下载地址，通过对比当前版本号和最新版本号来控制下载和安装最新版本。
2024-01-12 14:05:26
743
1
原创 uniapp自带的下拉刷新以及修改默认颜色
1.修改pages.json里需要刷新页面的或全局enablePullDownRefresh为true。2.页面中的下拉刷新方法onPullDownRefresh和onLoad同级。在pages.json中设置颜色修改。
2024-01-08 11:45:23
1622
原创 uniapp的uni.request请求接口要求发送数据是formdata格式，修改header里Content-Type‘: ‘multipart/form-data无效
后端要求传值方式为formdata，翻烂了百度，都说把header里面的Content-Type修改为 multipart/form-data，之后再传formdata格式的数据就好使，然而并无卵用。所以把uni.request请求换为uni.uploadFile即可。
2023-12-20 18:36:01
3910
5
原创 elementui上传图片，到达最大数量隐藏上传按钮，判断文件格式是不是png jpg，文件最大5m
beforeAvatarUpload：文件在上传之前执行的方法（我用来判断文件大小和文件类型）on-preview ： 点击文件中已上传的文件执行的方法。on-change：文件状态改变时，上传成功和失败都会执行。on-success：文件上传成功执行的方法。on-error：文件上传失败时执行的方法。on-remove：删除某文件执行的方法。data：需要另外给接口传的别的值。file-list：上传的文件列表。limit：上传图片最大数量。action：请求地址。headers：请求头。
2023-09-21 17:34:09
755
原创 uniapp自定义头部，计算状态栏和导航栏高度超简单三步
1.pages.json 页面给要自定义头部的页面加入一行代码。height 通过拿取胶囊的高度和距离头部距离算出的高度。tops是状态栏的高度 height是导航栏的高度。2.页面js代码（和onLoad同级）
2023-07-13 16:15:57
7229
转载 vue展开收起元素，有过渡效果，超简单三步
3.页面中使用，通过修改topShow的true和false来达到效果。1.新建collapseTransition.js文件。2.在使用的页面内引用。
2023-03-31 16:27:14
1413
1
原创 vue pc端图片放大预览功能组件 v-viewer
'toggleOnDblclick': true, // 放大或缩小图片时，是否可以双击还原，默认true。'tooltip': true, // 放大或缩小图片时，是否显示缩放百分比，默认true。'rotatable': true, // 是否可以旋转图片，默认true。'zoomable': true, // 是否可以缩放图片，默认true。'scalable': true, // 是否可以翻转图片，默认true。'movable': true, // 是否可以拖得图片，默认true。
2023-03-24 10:29:04
572
原创 vue新建的项目只要空格或者换行就会报错error Delete `⏎⏎` prettier/prettier或者error Delete `␍`prettier/prettier
还有这种情况warning Replace `xxxx` with `xxxx` prettier/prettier。一个问题困扰了我一下午，只要空格或删除某行代码或者换行就咔咔报错，贼拉搞心态，搜了很多试了很多方法都不可行。找到rules，在里面写这一段代码重新运行项目就可以了。可能是 eslint 配置后运行项目有如下警告（根目录下有一个package.json文件。
2023-02-11 09:46:59
1740
2
原创 uniapp轮播图swiper的使用
interval 自动切换时间间隔，默认5000 :interval="5000"indicator-active-color="#fff" 当前选中小圆点颜色。circular 滑到最后一页再右滑可以直接连接到第一页，不添加则拉不动。indicator-color="#000" 未选中指示点颜色。indicator-dots 是否显示指示点。vertical 滑动方向是否纵向。autoplay 轮播图自动滚动轮播。
2022-12-27 11:46:18
1105
原创 原生html写h5项目时，有时会遇到img标签图片点击会放大的问题
有时候会有一些点击事件和跳转按钮里面包含着图片，移动端点击到图片时会放大展示这张图片两个解决方法第一种就是
2022-12-07 10:45:22
2784
原创 jq加入购物车抛物线动画jquery.fly
#add_beixuan是点击的那个元素也是从这里开始滑动的元素#icon-cart是滑动终点，滑动到这个元素
2022-12-05 17:46:55
541
4
原创 vue事件修饰符示例以及介绍
加上 .self后,如果触发了div的click，那么只有event.target是这个div时才会执行这个方法，此时点击button之打印一次button。此时点击里层div（我是大聪明）先执行里层方法后，再执行外层方法（我是二聪明），故有两个弹窗。此时点击里层div（我是大聪明）先执行里层方法后，再执行外层方法（我是二聪明），故有两个弹窗。给父层加上.captrue后先执行外层方法（我是二聪明），再执行里层方法（我是大聪明）不加时，点击a标签后先执行方法，方法执行结束跳转链接。1vue中的事件修饰符。
2022-10-10 19:37:58
374
原创 vue的数据代理以及好处
为每个添加到vm上的属性，都指定一个getter、setter。3.基本代理：通过Object.defineProperty()把data对象中所有属性添加到vm中。在getter、setter中（读、写）data中的属性。1.vue中的数据代理：通过vm对象来代理data对象中的属性的操作。2.数据代理的好处：数据代理可以更方便的操作data里面的数据。
2022-10-10 16:53:41
379
转载 Uni项目启动微信、QQ、淘宝、抖音、京东等APP的方法（转载）
我们在开发 App 应用中，经常会遇到打开第三方程序的场景，比如打开手机淘宝、通过第三方浏览器打开一个 url 等等。App不像网页可以使用http超链接互相跳转，但手机os设计了scheme机制，可以通过特殊的链接互相调起。在uni-app/5+App中，可以通过scheme呼起其他App，也支持给自己的App设置scheme参数。比如手机淘宝，其安装后会在手机os中会注册一个scheme协议，启动淘宝并打开搜索页面搜索uni-app。这种协议还支持参数，比如。
2022-09-21 17:07:50
2350
原创 微信小程序wx.getFuzzyLocation获取经纬度的成功使用示例，以及注意事项
第一步：先在小程序公众平台 开发管理--接口设置 里申请开通wx.getFuzzyLocation接口使用。第三步：先进行 wx.authorize授权再调用wx.getFuzzyLocation。（偶尔在编译器中也好用），可以使用真机调试进行开发查看效果。才可以用这个接口，并且微信开发者工具也要是最新的。2.这个定位接口在编译器中报错，只有在。第二步：在app.json中授权声明。微信小程序基础库必须在。...
2022-08-30 16:41:21
10431
1
转载 微信小程序设置全局分享
1：在app.js文件中的 onLaunch中设置执行overShare()方法；/** * 生命周期函数--监听小程序初始化 */ onLaunch(e) { this.overShare() },2：先要在要分享的页面开启： onShareAppMessage: function () { }3：重写全局分享方法：//重写分享方法 overShare: function () { let _this = this //间接实现全局设置分享内容 wx.onAppRou
2022-08-05 11:54:02
1514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人