peepeeman的博客

原创 微信小程序setInterval设置为0导致代码不生效

微信小程序setInterval设置为0导致代码不生效

原创 uniapp使用tki-qrcode插件生成二维码，并且可以分享给微信好友

uniapp使用tki-qrcode插件生成二维码，并且可以分享给微信好友。

转载 uniapp，H5隐藏页面返回按钮

uniapp，h5隐藏返回按钮

原创 Javascript，url获取参数方法

【代码】Javascript，url获取参数方法。

原创 js用filter，删除数组中不满足条件的对象，并返回数组

用filter的方法，将数组中不满足条件的一个对象删除

原创 elementUI，vue，前端判断时间是否有交集(重合)方法

前端根据24小时制，判断所选时间是否存在重复情况

原创 微信小程序style动态绑定Object不生效处理方法

渲染的时候style变成了[Object Object]解决方法: 给Object外面加一个[]

原创 elementUI输入框/选项卡与百度地图联动

elementUI输入框/选项卡与百度地图联动

原创 手机号脱敏

手机号脱敏

原创 数字星期转汉字星期

数字星期转汉字星期

原创 uniapp折叠面板，手风琴

折叠面板，手风琴，抽屉，下滑

原创 微信小程序&H5设置全局弹窗

uniapp设置全局通知公告

原创 Out of memory,realloc failed

Out of memory,realloc failed

原创 element-ui表格无法横向拖动问题

element-ui表格无法横向拖动问题

原创 微信小程序其他环境都能显示在正式环境显示不出来

uni.getImageInfo

原创 uniapp解决scroll滑动之后被u-sticky挡住的问题

问题：页面触底加载之后，回到头部，顶部数据被遮挡。

原创 毫秒转成时分秒/padStart实际应用

【代码】毫秒转成时分秒。

原创 uView的适用流程

uView安装流程图

原创 uniapp获取微信小程序页面滚动的高度

【代码】uniapp获取微信小程序页面滚动的高度。

原创 uniapp 页面滚动获取元素高度

【代码】uniapp 页面滚动获取元素高度。

原创 vue，callback()调用全局js文件后，回调页面里的方法

vue使用callback()

原创 sort()排序js

sort排序

原创 ES6去重

let arr = [1,2,3,3,3];let only = Array.from(new Set(arr));console.log(only); //[1,2,3]

原创 JS删除数组中的指定值

let arr = [1,2,2,3];arr = arr.filter((item) => item ! = 2)console.log(arr); //[1,2,3]

原创 element-ui的DateTimePicker禁用时间选择框点击，只能查看的方法vue

实现的效果实现方法html部分代码//开始时间<el-form-item label="活动日期:" required > <div style="display: inline-block;"> <!-- 左边的开始时间input选择框 --> <el-form-item prop="start_time"> <el-date-picker placeholder="开始日期，时间只能选择整点" ..

原创 做一个国庆放假倒计时

可以直接f复制进去在菜鸟工具上查看：https://c.runoob.com/front-end/61/html <div> <p class="day">0</p> <p class="hour">1</p> <p class="minute">2</p> <p class="second">3</p> </div>cssdiv {

原创 通过$ref调用子元素的方法，undefined

父元素嫌麻烦的看这一句话，在调用的方法外加setTimeout(()=>{this.$ref.xx.doWhat()},0)<template> <div @click="a"></div> <div v-if='show'> <Children ref="youJump"><Children> </div></template><script>import Chi

原创 vue+webpack打包报错

原创 img标签被设置为图片的50%图片被拉伸

.box4 > div:nth-of-type(1) > img { width: 50%; display: block; height: 100%; object-fit: cover;}加上height: 100%; object-fit: cover;Ï

原创 vue的watch方法报Error in callback for watcher “defultAddress“: “TypeError: Cannot read property ‘call‘

解决方法：单词拼错了，是handler

原创 前端计算出现小数点

简单来说就是先*1000再除以1000

原创 canvas签名，并将签名保存在合同上vue，合同和签名合成一张图传给后台

子组建（将签名做成组建放在页面中）。**这里有一个问题****this.cxt.lineTo();**这个方法要根据合同的高度计算起点否则可能会出现名字写不出来的问题<template> <div> <div id="canvas" ref="canvas" > <div class="layer" v-if="disPlay" > <!--

原创 报错vue-router.esm.js?8c4f:2079 Error: Cannot find module ‘../../../vue-temp/vue-editor-bridge‘

项目做的好好的突然报错了想了一下应该不会是没有引入才报错，所以全局搜了一下/vue-temp发现不知道按了什么快捷键引入了这个

原创 element-ui用v-if让表格变换出现错乱

根据上面的开票类型变换下面的表格，在select标签上用@change，变换之后上面的名称改变了但是内容错乱正确的图应该是这样的原代码<el-select v-model="edit.source" clearable placeholder="单据类型" @change="dangers" > <el-option label="单据1" :value="0"></el-option> .

原创 以空为条件进行判断的坑

第二次遇到这个问题，太粗心了，写下来提醒自己。功能下拉选选第一个的时候提交数据过不了校验 console.log(this.hd);//0 if (this.hd == "") { this.$toast("请选择活动"); return; }打印出来明明是0了但是还是被return了原因：0==’’ console.log(0=='');//true于是多加一个等号 if (this.hd === "") { thi

原创 vue遍历列表，列表间有相连的图片，下面的列表把上面的图片盖住了

解决方法<div class:"outside"> <img src="../assets/img/s/e.png" /></div>style给img也加一个position:relative.outside{ positoion:relative;}.outside>img{ positoion:relative; z-index:1;}

原创 外层父元素是个div为flex属性，img图片被拉伸

第二次遇到这个问题了打算记下来flex-shrink: 0

原创 访问地址的时候http被强制加上s

用的是vue框架。index.html里引入了<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>导致很多时候访问页面的时候会自动在http后加s导致页面请求不了解决方法：在meta加 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />.

原创 通过$refs更改元素的样式

<!-html-> <div @touchstart="gotouchstart()" @touchmove="gotouchstart()" @touchend="gotouchstart()" ref="masklayer">向右滑动查看更多</div>methods:{ gotouchstart(){ this.$refs.masklayer.style='display:none' }}...

原创 在对象中添加键值对(Object.assign()的用法)

//this.tableData={a:1,b:2,c:3}let dx = { assumeUserName: "" };dx.assumeUserName = "张三";Object.assign(this.tableData[0], dx);console.log(this.tableData);//{a:1,b:2,c:3,assumeUserName: "张三"}