xieting153的博客

原创 2021-05-31

对象指针复制为空处理jsobj是目标对象 Object.keys(this.obj).forEach(key => { this.obj[key] = '' })

转载 play() failed because the user didn‘t interact with the document first.错误

解决方法：给video标签加入 静音即可。m3u8在video中使用安装依赖npm install --save video.js;npm install --save videojs-contrib-hls; <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" ref="sing

原创 avue点击新增或编辑跳转到新的页面

代码如下：//返回按钮handleBack () { this.$router.$avueRouter.closeTag(); this.$router.back();}//跳转handleForm(id) { this.$router.push({ path: "/form-detail/index", query: { id: id } });}

原创 单行注释：ctrl+/ 多行注释：alt+shit+A

单行注释：ctrl+/ 多行注释：alt+shit+A

转载 VsCode中js文件空格导致红色波浪线

首先进入设置搜索中搜索Eslint将红线部分勾选取消就可以了

转载 error: RPC failed; curl 18 transfer closed with outstanding read data remaining

error: RPC failed; curl 18 transfer closed with outstanding read data remainingfatal: The remote end hung up unexpectedlyfatal: early EOFfatal: index-pack failed解决方案：git config --global http.postB...

原创 element版本升级联级选择器多选

将旧版本2.8.2 =》升级为2.12.0 即可解决此问题

原创 promise间隔5秒输出错误

let p = new Promise((resolve, reject) => {  let num1 = Math.random()  if (num1 > 0.5) {  &n...

原创 输入框只能输入数字 element组件中的 input

maxlength=“8” oninput = “value=value.replace(/[^\d.]/g,’’)” <el-input v-model="form.costPrice" maxlength="8" oninput = "value...

转载 Please enter a commit message to explain why this merge is necessary, # especially if it merges an

1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以不修改3.按键盘左上角"Esc"4.输入":wq",注意是冒号+wq,按回车键即可

原创 git命令 git push --set-upstream origin master

拉取远程代码 .git pull origin master.查看分支：git branch创建分支：git branch 切换分支：git checkout 或者git switch 创建+切换分支：git checkout -b 或者git switch -c 合并某分支到当前分支：git merge 删除分支：git branch -d 最后 git push --set-u...

转载 设置input只能输入数字 小程序

handleInput(e) { let value = this.validateNumber(e.detail.value) this.setData({ value }) }, validateNumber(val) { return val.replace(/\D/g, '') }, <input placehol...

原创 小程序修改title

wx.setNavigationBarTitle({ title: res.data.result.circleName })

原创 splice slice splite 区别

<script>// slice 字符串截取 从索引n（包含n）截取到索引m 包前不包后var str='abcdefg'var str2=str.slice(3,5) var str3=str.slice(3)var str4=str.slice(3,4)console.log(str,str2,str3,str4) //不改变原字符串// splice 数组的增...

原创 wx:for-item加变量名

<block wx:for="{{imagesInfo}}" wx:for-item="item" wx:key='id'></block>

原创 onPullDownRefresh 上拉触底不执行 小程序

“enablePullDownRefresh”: true 用在对应的json文件中，而不是用在app.json中。函数名不能重复，小程序自动会生成一个onPullDownRefresh

原创 提示语 小程序无图标提示语

wx.showToast({ title: '前往app修改', icon:"none"})

原创 出现省略号

.content {overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all; /* 追加这一行代码 */}

转载 小程序文本自动折行

.title{width: 100%;word-wrap: break-word;word-break: break-all;white-space: pre-line;margin: 2.5rpx 0.5rpx 2.5rpx 0.5rpx;}

原创 小程序canvas多文本溢出隐藏怎么做的

//将内容做多行文本折行处理 const ctx = wx.createCanvasContext('share', this) var text = content; var chr = text.split(""); //这个方法是将一个字符串分割成字符串数组 var temp = ""; var row = []; //最...

原创 小程序canvas单行文本溢出隐藏怎么做

//canvas单行文本自动省略 fittingString(_ctx, str, maxWidth) { let strWidth = _ctx.measureText(str).width; const ellipsis = '…'; const ellipsisWidth = _ctx.measureText(ellipsis).width; ...

原创 小程序canvas画圆形图 stroke（）加上

// 绘制头像const radius = rpx2px(90 * 2)const y = rpx2px(120 * 2) ctx.save() ctx.beginPath() ctx.arc(canvasW / 2, y - radius + radius, radius, 0, Math.PI * 2, false); ctx.stroke()//...

原创 小程序返回上一个页面

//返回上一级关闭当前页面wx.navigateBack({ delta: 1})

原创 解析title网页标题的内容 正则

var reg = new RegExp(’(<title(.)>)(.)’, ‘ig’);

原创 小程序蒙层样式

.comment-fixed {position: fixed;bottom: 0;left: 0;right: 0;background-color: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);z-index: 100;}

原创 小程序图片的坑

1.小程序不能添加背景图，如果要添加 必须转码 去转码网站贴下你的图 转一大串码给你，就是转码后的地址了2.安卓机上本地图片出不来，原因是图片地址里面有汉字或者空格，安卓机识别不了，真机运行时可以出来。3.真机预览时打包图片过大，原因是图片过大了，超过了2M,解决办法是 首先删除不需要的图片，然后把图片过大的图压缩 链接 https://tinypng.com/ 免费的 或者在ui图1x...

转载 invalid total_fee

微信支付是以分为单位 不能带小数点

原创 wx.previewImage不显示wx.previewImage点击对应的图显示不对应

//展示图片showImg: function (e) {console.log(e, 135)var that = this;var imgAry = that.data.dataInfo.imageListvar a = imgAry.map(function (value, index) { return value.thumb})console.log(a)...

转载 小程序onPullDownRefresh不执行 小程序分页onReachBottom 不执行原因 小程序分页处理

在app.ison中 “enablePullDownRefresh”: true在页面中小程序文件夹自动生成了该函数 是否重复了 （这点最容易被忽视） /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { wx.showNavigationBarLoading(); //在当前页面显示导航...

原创 小程序input框中的清除x点透不起作用 解决办法 将input icon 图标放入一个view盒子中颜色样式设置在view上面这样子点击就不会点透过input

小程序input框中的清除x点透不起作用 解决办法 将input icon 图标放入一个view盒子中颜色样式设置在view上面这样子点击就不会点透过input 右边放x 左边放input flex布局垂直居中...

原创 图片flex后图片有margin间隙 (小程序)

解决办法 image{display:block}

转载 小程序多图上传 转载链接 https://www.imooc.com/article/30127

app.js //多张图片上传 uploadimg:function (data){ var that = this, i=data.i ? data.i : 0,//当前上传的哪张图片 success=data.success ? data.success : 0,//上传成功的个数 fail=data.fail ? data.fail : 0;//上传失...

原创 Setting data field "createFlagreally" to undefined is invalid.小程序报错

这说明这个值没有生效 说明取值方式错误 也有可能是上级传过来的值没有接收到为空字母大小写 取值套两两层都有可能报这个错

原创 小程序点击对应的一项 改变字体颜色样式

效果如下：

原创 小程序 循环出来的时间转化 年月日 时分秒 循环出来的时间进行处理

getDateStr(seconds){var date = new Date(seconds)var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours() < 10 ? “0” + date.getHours() :...

原创 小程序中传对象过去咋传 这么传就行

原创 小程序学习笔记：循环数组并显示内容

<block wx:for="{{tagName}}" wx:item='item'> <view class='setting-shenfen'> <image src='../../image/icon_标签不可操作@3x.png'></image> <text>{{item}}</text></v...

原创 wx.switchTab({ url: '../index/index'

小程序跳转首页无效navigati… 用wx.switchTab({ url: '../index/index' }) 可解决

原创 margin-right:auto; 让最后一个盒子靠右变排列 flex布局

margin-right:auto; 让最后一个盒子靠右变排列 flex布局

原创 小程序 真机预览时报错 真机时各种错

1.真机预览报错 升级编辑器 版本问题2.图片文件过大 不能上传打包 这时候压缩图片 或者把没用到的图片删掉。2.小程序坑很多，首先编辑器就是一个坑。如果tabar的图片路径找不到导致真机不能运行 升级版本 或者换成其他版本 不过各版本都有问题 说要大家要小心入坑...