- 博客(46)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 上传前获取到视频或音频的详细信息，例如帧速率，比特率等等，用mediainfo实现（暂时记录）
注意上面的new CopyPlugin([{ from: wasmFile, to: ‘.’ }])这个是webpack版本比较低的写法。的写法会提示copy plugin patterns 需要的参数是array，索引改成了数组传入就编译成功了。使用copy-webpack-plugin将MediaInfoModule.wasm拷贝到构建路径。因为MediaInfoModule.wasm加载需要时间，建议在main.js引入。配置webpack plugin。我用的是element的框架。
2023-05-31 16:40:00
1567
原创 ios下overflow:hidden不生效
目前解决办法是给父级元素加上position:relative 或 position: fixed;
2023-04-14 17:03:51
780
原创 uniapp之通过vue-cli命令行创建Vue3/Vite版，JavaScript开发，引入uni-ui扩展组件
如果使用 HBuilderX（3.6.7以下版本）运行 Vue3/Vite 创建的最新的 cli 工程，需要在 HBuilderX 运行配置最底部设置 node路径 为自己本机高版本 node 路径（注意需要重启 HBuilderX 才可以生效）使用 npm 安装好 uni-ui 之后，需要配置 easycom 规则，让 npm 安装的组件支持 easycom。uni-ui 现在只推荐使用 easycom ，如自己引用组件，可能会出现组件找不到的问题。4.安装 sass-loader。
2023-04-14 15:31:09
2154
原创 vue编译的时候拓展运算符报错（...报错）
根目录下创建 .babelrc文件，在.babelrc写。根目录下创建postcss.config.js文件。postcss.config.js中写。但其实上面的方法我都试过了，还是不行。百度出来要引入代码，解决。在.babelrc文件写。
2022-10-19 10:18:16
740
原创 微信小程序长列表踩坑
但是报了这个错[ pages/course/audioCourse/audioCourse.json 文件内容错误] pages/course/audioCourse/audioCourse.json: [“usingComponents”][“recycle-view”] 未找到(env: Windows,mp,1.05.2201240;下面要注意的是 不能用wx:if!通过npm -v 查看npm的版本，如果能显示相应出版本号，就说明是安装成功的。坑3 itemSize如果用rpx传入要转px。
2022-09-28 09:38:54
883
原创 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
2022-09-27 18:28:40
694
原创 小程序的缓存数据什么情况会被清除
如果用户储存空间不足，我们会清空最近最久未使用的小程序的本地缓存。同一个微信用户，同一个小程序 storage 上限为 10MB。虽然官方说是缓存数据永久的，但有几种情况缓存数据会被清除。
2022-08-23 16:18:57
5609
原创 播放音频ios重新进入就重新播放bug
ios重新进入音频地址被清空了，而安卓音频地址不为空，所以安卓还是按着之前的播放多写个resetBgAudio，控制是否重新播放音频data{resetBgAudio:false,playStatus:true,}onload(){this.playBgAudio()}playBgAudio: function() { return this.data.playStatus ? this.pause() : this.play()},//播放play(){ //音频播放实例
2021-10-11 18:06:34
264
原创 element表单校验
<el-form ref="form" :rules="rules" :model="formData"> <el-form-item label="书籍id" prop="contentId"> <el-input v-model="formData.contentId" placeholder="请输入书籍id" clearable size="small"> </el-input> &l
2021-09-18 15:42:54
313
原创 vue组件的方法调用
方案一：通过ref直接调用子组件的方法；//父组件中<template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div></template> <script>import Child from './child';export
2021-09-16 18:06:07
17580
原创 Error in nextTick: “TypeError: Cannot read property ‘xxx‘ of undefined“
报这个错主要是因为子组件还没加载完成就对子组件进行赋值，推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50);父组件传值给子组件，子组件不能直接修改，会报错//子组件修改父组件的值this.$emit('名字','值');//子组件调用父组件的方法this.$emit('方法', val
2021-09-16 17:52:22
13630
原创 当小程序上拉加载时，页面上拉加载一次，滚动一次到顶部（同时有水平滑动和竖直滑动）
<scroll-view scroll-x="true">内容</scroll-view> js onReachBottom() { this.getList() }, getList(){ let res=['内容'] this.data.list.concat(res) this.setData({ list:this.data.list.concat(res) })...
2021-08-24 16:38:54
346
原创 微信小程序真机调试报错-50003
开发者工具真机调试报错** receivederrorcode received error code -50003 on**开发者工具注销账号，再关闭重启，多次，还是不行，就等等自己就好了
2021-07-27 15:13:37
332
原创 uniapp 小程序跳app，app跳小程序
uniapp跳到小程序plus.share.getServices(function(res) { var sweixin = null; console.log("sweixin", sweixin, res) for (var i = 0; i < res.length; i++) { var t = res[i]; if (t.id == 'weixin') { sweixin
2021-04-09 17:49:03
1259
原创 UniAPP app进行微信支付时报错： {“errMsg“:“requestPayment:fail:[payment微信:-1]General errors“}
通过 HBuilderX 连接安卓真机进行测试,第一次能跳转到微信登录平台，能正常支付。但自从第二次开始，提示payment微信：-1 General errors错误建议首先将打包成功的APP应用下载到安卓机，进行微信支付操作，很大可能性成功如果不成功先看看orderInfo七个值是不是都有（还有你的付款金额不能低于0.01元） "provider": "wxpay", "orderInfo": { "appid": "wx499********7c70e",
2021-03-26 11:02:33
1375
原创 git常用命令
1、git显示全部分支git branch //显示本地分支git branch -a //显示远程分支2、git创建分支git branch 分支名3、切换分支git checkout 分支名git checkout -b 分支名 若分支不存在，则创建它4、删除分支git branch -d 分支名-d 当分支已经合并到主干后删除-D无论如何都删除分支5、合并分支git merge 分支名6、撤销前一次commitgit revert HEAD7、撤销所有本地修改git
2021-03-22 15:04:45
113
原创 RangeError: Invalid array length
<div v-for="(item,index) in (list.length/4)">list.length/3不一定会被整除，把结果取整就可以了<div v-for="(item,index) in parseInt(list.length/4)">
2021-03-22 14:41:13
3433
原创 TypeError: e.split is not a function at view.umd.min.js:1
success:function(res){ that.photo=res.tempFilePaths;//报错 that.photo=res.tempFilePaths[0];//正确 }
2021-03-22 14:36:18
3694
原创 纯CSS实现上下左右箭头
span { border: solid black;/*设置箭头颜色*/ border-width: 0 1px 1px 0;/*设置箭头粗细*/ display: inline-block; padding: 3px;/*设置箭头大小*/ } .right { transform: rotate(-45deg); ...
2021-03-22 14:19:44
725
原创 js判断对象是否为空
var data = {};法一、//es6中可以使用Object.keys(obj)var arr = Object.keys(data);console.log(arr.length == 0); //true 为空， false 不为空法二、//将json对象转化为json字符串，再判断该字符串是否为"{}"var b = (JSON.stringify(data) == "{}");console.log(b); //true 为空， false 不为空法三、//用for...i
2021-03-22 11:48:37
172
原创 scroll-view 横向移动到对应id位置
<template> <view> <view> <scroll-view class="menu" :scroll-into-view="goIndex" scroll-x="true"> <view class="menu-view"> <view v-for="(item,index) in list" :id='"id" + index' @tap="scrollTurn(index,item.id)"
2021-03-22 11:13:57
346
原创 h5, app,微信小程序scroll-view隐藏滚动条（全局隐藏最好写在App.vue）
法一::-webkit-scrollbar { display: none; width: 0; height: 0; }法二::-webkit-scrollbar { width: 0; height: 0; color: transparent; }法三::-webkit-scrollbar { width: 0; height: 0; background: transparent; }
2021-03-17 15:00:38
665
原创 jarsigner: 无法打开 jar 文件: OppoSignVerify.apk
jarsigner -verbose -keystore android.keystore -signedjar OppoSignVerify_signed.apk OppoSignVerify.apk android.keystorejarsigner -verbose -keystore android.keystore(你的签名文件) -signedjar OppoSignVerify_signed.apk (输出的apk名字) OppoSignVerify.apk(下载的空包apk) androi
2021-01-26 10:29:45
1204
原创 web-view禁止自动铺满全屏（仅限app）
<template> <view> <web-view src="https://www.baidu.com"></web-view> </view></template><script>var wv;//计划创建的webviewexport default { onReady() { // #ifdef APP-PLUS var current
2020-12-21 17:11:05
4246
8
原创 小程序订阅消息报错
<button bindtap="onConfirm">xxxx</button>onConfirm:function(){ wx.requestSubscribeMessage({ 'tmplIds': tmpId, complete: function (res) { } });}1、wx.requestSubscribeMessage 提示 is not a function出现这种问题一般是基础库版本太
2020-10-14 16:12:54
2055
1
原创 小程序常用
wx:for怎么嵌套两层循环<view wx:for="{{orderList}}" wx:key="item"> <view wx:for="{{item.order_info}}" wx:key="idx" wx:for-item="pro"> </view></view>
2020-10-14 15:51:50
95
原创 记录小程序常用接口
小程序拨打电话wx.makePhoneCall({ phoneNumber: '1340000' //仅为示例，并非真实的电话号码})
2020-09-15 17:05:47
156
原创 微信小程序禁止用户手动滑动swiper组件
法一<swiper-item catchtouchmove="stopTouchMove"> ...</swiper-item>stopTouchMove: function() { return false;}缺点：触碰到swiper组件滑动时，页面不能上下滚动法二.swiper-disabled{position: relative;}.swiper-disabled::after{content: '';position: absolu
2020-09-02 14:48:34
625
原创 css样式--组合
css3pointer-events: none；可以让某个元素实现类似于海市蜃楼的效果，具体理解为，你可以看的到某个元素，但是你无法摸的着。
2020-08-21 11:39:05
465
原创 自定义顶部导航，自定义下拉刷新
效果图：记住在刷新完成回调：this.refreshView.stopPullRefresh();git链接: master.
2020-08-17 15:07:10
277
原创 小程序position:fixed失效
fixed失效：元素的父级元素设置了transform： translate（0, 0）属性，该属性设置之后，子元素固定定位失效解决方法一：对父级元素设置transform: none; 或者display：inline页面刷新fixed也会失效，可以用position：sticky....
2020-08-12 11:53:02
3971
原创 小程序下拉刷新的两种方法
数据记得初始化法一：在json配置"enablePullDownRefresh": true, onPullDownRefresh:function() { this.onLoad() //模拟加载 wx.stopPullDownRefresh() //停止下拉刷新 },法二：wxml:<scroll-view style="width:100%;height:100%;" refresher-enabled="true" bindrefreshe
2020-08-05 18:53:35
650
原创 小程序左上角返回按钮，返回到指定页面
小程序左上角返回按钮，返回到指定页面 let pages = getCurrentPages()//获取当前的页面栈1. 跨页面赋值 let prevPage = pages[pages.length - 2];//上一页面 prevPage.setData({ //直接给上一页面赋值 });2.页面跳转后自动刷新 //举例 wx.switchTab({ url: '../index/index', success: function (e) {
2020-08-05 17:58:48
5690
4
原创 滑动页面到指定位置，固定元素在顶部
当页面滑动到某一个位置时，需要固定导航栏或者某个元素在顶部位置，向上滑动又会回归原位 onPageScroll: function (e) { let that = this; that.setData({ scrollTop:e.scrollTop }) }然后再模块上加 class="{{scrollTop>移动距离? ‘大于的样式’ : ‘小于的样式’}}"...
2020-07-28 15:36:43
3058
原创 昨天，今天，明天的同一时刻
var preDate=new Date() preDate.setTime(preDate.getTime()-24*60*60*1000) var date = new Date(); var nextDate=new Date(); nextDate.setTime(nextDate.getTime()+24*60*60*1000) console.log(this.specificTime(preDate)) console.log(this....
2020-07-27 15:04:35
129
原创 自定义顶部导航
wxml<view class="back_header clearfix" style="padding-top:{{top}}px;padding-bottom:{{marginBottom}}px"><image bindtap="go_back" src="../../images/back.png"></image> <text style="height:{{height}}px">自定义顶部导航</text></view
2020-07-27 11:20:26
894
原创 将页面滚动到目标位置（pageScrollTo或scroll-view）
wx.pageScrollTo方法一:wxml： <view style="background-color:#fff;width:100%;height:60vh">xv</view> <view id="moveThis" style="background-color:#eee;width:100%;height:60vh">xv</view> <view style="background-color:#ddd;width:100%;he
2020-07-27 10:28:28
7968
RefreshDemo-master.rar
2020-08-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人