- 博客(69)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 js赋值后 改变数据 源数据也改变问题
【产生原因】：js语言中，Array、Object、Function、Date等有多个值构成的复杂类型传递的是内存地址。【解决方法】：第一种不行尝试第二种1、object.assign()//假如有个数组arr或者对象objlet newArr = Object.assign([], arr);let newObj = Object.assign({}, obj);2、JSONJSON.parse(JSON.stringify(obj));————————————————...
2022-01-19 15:14:30
944
原创 vue 判断对象属性是否变化 踩坑日记
小坑，记录一下：我更改了某个属性，然后又复原的话，这样对象也是没有改变的如果只是简单的监听watch肯定不行，每个属性进行判断也不尽人意，首先想到的肯定是watch先自定义一个对象formOrigin 赋值错：this.formOrigin = this.form对：this.formOrigin = Object.assign({},this.form)watch监听（isEdit默认为true 没有更改）form:{ handler(newValue,oldValu
2022-01-05 17:19:16
1708
2
原创 js 小数点精度问题
案列： // 加法 0.1 + 0.2 = 0.30000000000000004 0.7 + 0.1 = 0.7999999999999999 0.2 + 0.4 = 0.6000000000000001 // 减法 1.5 - 1.2 = 0.30000000000000004 0.3 - 0.2 = 0.09999999999999998 // 乘法 19.9 * 100 = 1989.9999999999998
2022-01-05 17:06:35
2128
3
原创 uniapp 有蒙层时 禁止滚动下方页面，蒙层可滚动
弹层/蒙层业务中常常用到，当页面内容可滚动时，出现弹窗，滚动弹层会导致页面也跟着滚动。解决：在弹层中添加：@touchmove.stop.prevent （真机有效）当弹层有滚动时建议加上scroll-view 组件 并定义高度，...
2021-12-08 15:10:14
1729
1
原创 u-dropdown导致页面无法滚动问题及解决 页面无法滚动 （ios和安卓低版本）
楼主是刚进去页面可以滚动 滚动底部则无法滚动了（ios和安卓低版本）原因：u-dropdown的蒙层覆盖了页面 导致页面无法滚动解决：找到uview 的u-dropdown文件在页面定义showMask变量在close和open事件中 处理showMask的展示和隐藏可解决此问题 （展示隐藏动画也消失了）...
2021-12-08 14:57:57
1490
1
原创 uniapp nvue页面白屏 TypeError: Cannot read property ‘1‘ of null
踩坑日记：本来好好的nvue扫码页面，真机运行突然都白屏了如果是这个报错 根据路径 找到第一行报错的文件我的是这个：C:\Users\谢飞翔\Desktop是桌面C:\Users\谢飞翔\Desktop\HBuilderX.3.2.9.20210927.full\HBuilderX\plugins\uniapp-cli\node_modules@dcloudio\vue-cli-plugin-hbuilderx\packages\weex-styler\lib\shorthand-parser找
2021-11-25 18:13:22
1814
1
原创 uniapp 导航栏滚动渐显渐隐，自定义返回按钮，返回图标背景色透明
效果图：[video(video-BkIn3duZ-1635578525561)(type-undefined)(url-undefined)(image-https://img-blog.csdnimg.cn/editor-video.png)(效果图)]
2021-10-30 15:23:12
2169
1
原创 uniapp 获取系统栏的高度
我们在自定义导航栏是要去系统栏的高度css：其中var(--status-bar-height)为系统栏的高度 padding-top: var(--status-bar-height);
2021-10-29 17:30:27
1072
原创 在vue.js中mixin和页面执行顺序
对于creaetd，mounted 等生命周期函数代码：mixin中的代码先执行，单文件中的后执行。钩子函数： page的beforeCreate --> mixin的beforeCreate --> page的created --> mixin的created --> page的beforeMount --> mixin的beforeMount -->page的mounted -->mixin的mounted2. 对于同名的变量和方法，只执行page中的..
2021-10-18 16:53:12
906
原创 el-table动态生成表头 ~~ 看完明白
业务需求有可能会遇到表头不定的情况：这时候能想到的只能是动态遍历了<el-table :data="tableData" border style="width: 100%"> <el-table-column type="index" label="序号" align='center' width="50"> </el-table-column> <
2021-10-12 13:24:48
5035
原创 js vue每天0点更新数据/每个整点更新数据
相信有的小伙伴业务中会用到每天0点刷新数据。逻辑：算出今天24：00的时间戳 减去当前的时间戳，然后添加一个定时器setTimeout,执行时间为我们取得的时间戳，然后执行setInterval 定时器，执行时间为1000 * 60 * 60 * 24（一天的时间戳）代码：moment.js 为时间处理插件 地址：moment.js //引入插件 import moment from 'moment' var nowTemp = new Date().getTim
2021-10-08 16:52:29
4309
原创 el-table 表格背景颜色，去除表格下划线，高亮指定行
背景颜色：.el-table, .el-table__expanded-cell { background-color: transparent;}.el-table th, .el-table tr { background-color: transparent;}去除表格下划线：.el-table__row>td{ border: none;}.el-table::before {//去掉最下面的那一条线 height: 0px;} .el-table__
2021-09-23 09:52:07
1552
原创 el-date-picker默认回显前三个月
代码：getLocalTime() { var timeC = new Date().setMonth(new Date().getMonth() - 3); var year = new Date(parseInt(timeC)).getFullYear() var month = new Date(parseInt(timeC)).getMonth()+1; var date = new Date(parseInt(timeC)).getDate();
2021-09-17 13:48:04
643
原创 http状态码及信息
[摘要]HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。所有状态码的
2021-07-05 16:07:05
271
原创 uni-app 返回上一页并刷新数据 小程序uni.switchTab不触发onLoad生命函数
正常来说自己控制变量来判断或者 uni.navigateBack({ delta: 1 })在上一页的onShow中调用刷新，但是onShow会很频繁的调用，这种也不好。返回并调用上一页的刷新方法 let pages = getCurrentPages(); // 获取页面实例 let beforePage = pages[pages.length - 2]; // 前一个页面 uni.navigateBack({ delta: 1, success: fun
2021-06-26 18:52:56
2530
1
原创 el-input 无法输入和删除
解决办法：el-input 增加change事件<el-form-item label="详细地址" prop="address" v-show="editMe.advertisingType==2"> <el-input v-model="editMe.address" @input="change($event)" placeholder="详细地址" /></el-form-item>js：change(){ this.$forceU
2021-06-26 11:51:45
893
原创 uni-app 多个视频同时播放问题（h5和app）及获取视频第一帧 亲测有用
我们要的是只允许同时播放一个视频一句话：除当前操作的视频外全部 pause()html：<video :src="item.picUrl" @play="playVideo" :id="'video'+item.broadcastId" :poster="item.picUrl" controls :show-center-play-btn="false" auto-pause-if-navigate></video>js：playVideo (e) { //获取自定
2021-06-15 18:54:19
2189
3
原创 letter-spacing右边距问题，使文字居中
一句话：最后一个文字不用放在text或者span里就可以了html这样：<view class="indexText"> <text>嘀嗒到</text>家</view>css：.indexText { height: 100rpx; line-height: 220rpx; text-align: center; color: #fff; font-size: 48rpx;
2021-06-15 11:54:03
426
原创 uni-app 音频播放及计算时间和播放进度
效果图如下：组件地址：组件地址代码：onLoad(options) { var that = this //创建音频实例 that.innerAudioContext = uni.createInnerAudioContext(); //音频地址（模拟） that.innerAudioContext.src = 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9
2021-06-11 19:33:13
7641
6
原创 CSS实现文字和图片的水平垂直居中
一、文本的水平垂直居中：1、水平居中：是不是很开心？超级简单的问题，一个text-align：center 就搞定了。过过过…-------------------------------------下面看单行、多行文本的垂直居中-------------------------------------2、垂直居中：1）、单行文本<!--只要height值等于line-height值就ok -- ><div style="height:100px;line-height:10
2021-06-05 10:09:31
2903
原创 uni-app radio单选可取消（!!!亲测有用）
网上看了很多关于radio可取消选的的，但都没用，或者压根就说不行，自己琢磨了一下，根据文档上面写的确实不可以****我们需要改一改官方的方法及html代码，效果图：方法代码：<radio-group> <view v-for="(item, index) in items" :key="index"> <radio :value="item.id" :checked="item.id==radioValue" @click="radioC
2021-06-04 19:44:20
6461
5
原创 css文字竖直并且水平垂直居中
效果图：代码：&>view:nth-child(2) { overflow: hidden; flex: 1; position: relative; font-size: 32rpx; height: 100%; color: #ffffff; //关键代码 display: flex;
2021-06-02 19:08:08
414
原创 uni-app 压缩图片上传到服务器
我这里做的是，用户拍照时的图片压缩（选择图片同理），直接上代码：buttonclickTwo: function () { var that = this uni.showActionSheet({ itemList: ['拍照'], itemColor: '', success: function (res) { if (!res.cancel) { console.log(res.tap
2021-05-28 19:12:20
358
原创 uni-app 导航栏按钮点击事件，动态修改导航栏的文字,标题文字
文档中的方法：onNavigationBarButtonTap(e) { console.log(e)}onNavigationBarButtonTap这个方法要和onnLoad同级
2021-05-28 18:42:06
3699
原创 vscode 自定义全局代码片段 （uni-app，vue）
输入名字后直接赋值对应的代码。保存即可。1.vue{ "Print to console": { //这里自定义快捷名称 "prefix": "vue-pc", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", "</tem.
2021-05-27 12:01:43
777
原创 获取腾讯视频的视频url
爬视频喽1.获取链接地址 类似：https://v.qq.com/x/page/q0900ebm4qz.html2.取值：取上图加粗的数据，然后替换下面链接中的加粗数据http://vv.video.qq.com/getinfo?vids=b31118kh32z&platform=101001&charge=0&otype=json&defn=shd3.把第二部获取的链接用浏览器打开获取到如下数据(注意加粗的数据)QZOutputJson={“dltype”:
2021-05-21 19:08:02
7696
8
原创 富文本编辑器Quill上传图片到服务器,小程序改变富文本图片的宽度
quill编辑器还是挺好用的，但是富文本自身的图片，相当于是复制黏贴的效果，返回的是图片的base64格式，由于base64字符串文字太大，会导致后台无法接受。我们要的是图片的http格式逻辑：点击quill的图片—调起el-upload的上传—得到图片的地址—插入到富文本直接上代码了，（用的el-upload上传图片的）<div> <div class="editor" ref="editor" :style="styles"></div> //上
2021-05-21 18:45:45
520
原创 微信小程序wx.getSetting的回调authSetting如何取出元素
调用小程序的设置页面返回对应设置的权限，然后在进行判断写自己的逻辑，那么该如何取呢：返回设置的数据：取值：
2021-05-21 18:03:44
564
原创 el-input 限制最大值最小值（亲测有效）
业务需求中，我们经常会遇到输入框的限制数字范围的需求，max，min属性并不行。可以试试这个方法：numberChange (val,maxNum) { //转换数字类型 this.queryParams.startScore = Number(val) //重新渲染 this.$nextTick(()=>{ //比较输入的值和最大值，返回小的 let num = Math.min(Number(val),maxNum)
2021-05-17 19:46:12
19429
1
原创 如何在uni-app中使用iconfont vue nvue中使用
第一步先去iconfont挑选要用到的图标，并添加到项目第二步把图标下载下来第三步下载完了之后打开文件，只把iconfont.css文件添加到我们uni-app的项目中第四步回到自己的iconfont项目，选择unicode点击生成代码并复制第五步回到iconfont.css并且打开css文件，注意红框内容，全部删除，替换成第四步刚刚复制过来的第六步替换完毕之后，需要在//at前面加上https:第七步调用iconfontcss中引入<style>@
2021-05-14 20:28:52
393
原创 uni-app 获取标签元素信息（高度、宽度等等）
文档上的方法//页面渲染完成mounted() { //如果获取不到，可以使用延时 setTimeout(()=>{ let obj = uni.createSelectorQuery().select('.类名class') obj.boundingClientRect(function (data) { console.log('元素信息：',data) }).exec() } },100);},...
2021-05-14 10:40:22
3081
原创 图片base格式转文件格式并上传，文件转base64格式
1.通常我们使用裁剪工具裁剪图片后输出的格式为base64格式，而有时需要将图片转为源文件。function dataURLtoFile(dataurl, filename) {//将base64转换为文件，dataurl为base64字符串，filename为文件名（必须带后缀名，如.jpg,.png） var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]
2021-05-14 10:36:06
340
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人