三人行敲狗-CSDN博客

原创 uni-app踩坑：vue页面转换成nvue报错Cannot read property ‘__call_hook‘ of undefined

重启一下项目就好了 = =

2021-07-01 17:09:29 1646

原创 uni-app踩坑：nvue页面中的text组件出现莫名边距

<scroll-view class="nav" :scroll-x="true" show-scrollbar="false"> <view class="nav-li" @click="change_active(index)" v-for="(item,index) in nav_list" :key="'nav' + index"> <text :class="active == index?'active nav-text':'nav-text'"&g

2021-06-30 19:51:38 735

原创 uni-app离开当前页面后，video组件依然播放视频

问题：页面中使用了video组件，点击播放后，切换到其他页面，视频仍在播放（可以听见声音）。目前采用的方法：<video class="myVideo" v-if="show" :src="item.videoUrl" :poster="$imgUrl + item.videoCoverImg"@play="playing(item.pgcId)" :id="item.pgcId" controls></video>// 从后台进入前台显示onShow() { thi

2021-06-30 18:02:42 4737 6

原创 uni-app踩坑：使用video组件，实现同一时间只允许一个视频播放，app端报错：pause is not a function

uni-app使用video组件，同一时间只允许一个视频播放刚开始使用的方法:<video class="myVideo" :src="item.videoUrl" :poster="$imgUrl + item.videoCoverImg" @play="playing(item.pgcId)" :ref="item.pgcId" controls></video> playing(e) { // 获取当前视频id let currentId = e

2021-06-30 11:30:49 3116

原创 js时间date的一些常用方法整理

将时间转换为毫秒数var time = new Date('2019-11-11').getTime(); // 1573430400000将毫秒数转换为时间new Date(1573430400000).Format('yyyy-MM-dd'); // 2019-11-11获取7天前的日期let date = new Date();date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)// Thu Apr 15 2021 15:32:16 G

2021-04-22 15:38:20 145

原创 vue 监听页面滚动实现元素在页面滚动到一定距离时显示

<template> <div id="app"> <div v-if="nav_show">要显示的元素</div> </div></template><script>export default { name: "app", data() { return { nav_show：false }; }, methods: { handleScroll.

2021-04-22 15:11:54 4280 2

原创 safari浏览器使用new Date（）输出结果为Invalid Date

背景：使用el-date-picker组件进行时间选择，展示为yyyy-MM-dd格式，但是需要给后台传的数据格式为yyyy-MM-dd HH:mm:ss:000，所以需要对日期格式进行处理，后端索要数据为结束日期的下一天的00时00分00秒所以我所用的方法是： console.log('this.ruleForm.date[1]', this.ruleForm.date[1]) //this.ruleForm.date[1] 2021-4-19 let end_time =

2021-04-19 18:35:07 1191

原创 vue中使用websocket

2021-04-14 16:56:44 200

原创 echarts使用双grid报错Cannot read property ‘type‘ of undefined和xAxis and yAxis must use the same grid

使用双grid时 grid: [ { left: '0%', right: '0%', height: '50%', }, { left: '0%', right: '0%', top: '50%', height: '50

2021-04-12 10:28:30 2312 1

原创 js中的number类型超出最大值时处理计算逻辑插件big-int

npm i big-intvar bigInt = require('big-int'); var a = '21809329030172527984929455273714530';var b = '75945342116859474629758563482479458';var c; // a + bc = bigInt(a).add(b);console.log(c.val()); // a - bc = bigInt(a).sub(b);console.log(c.val

2021-01-04 15:09:15 832

原创 js 时间戳转年-月-日时-分-秒

fmtDate(date) { date = date * 1000 var date = new Date(date) var YY = date.getFullYear() + '-' var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-' va...

2021-01-04 14:35:01 158

原创 vue中json展示插件vue-json-views

npm i vue-json-views<template> <div> <json-view :data="data" /> </div></template><script>import jsonView from 'vue-json-views'export default { components: { jsonView }, data() { return {

2021-01-04 14:29:15 1946 3

原创 echarts地图生成不正常问题，需要引入js文件

main.js引入import '../node_modules/echarts/map/js/world.js'

2021-01-04 14:10:48 819

原创 vue-点击复制文本内容

页面 <span ref="p">复制的内容</span> <button type="button" @click="copy">复制</button>三级目录 methods:{ copy() { var copyText = this.$refs.p.innerText; var input = document.createElement("input"); // 直接构建input input.

2021-01-04 12:01:00 173

原创利用html2canvas实现点击按钮下载图片功能

安装npm i html2canvas页面中引入import html2canvas from "html2canvas";html中的操作把需要生成图片的元素标签内加入ref属性<template> <div> <div class="message" ref="html2canvas"> <img src="../assets/img/message/logo.png" class="logo-img" alt="" /&

2021-01-04 11:42:18 558

原创开发用到过的输入框验证

数字: ^[0-9]*$正数: ^[+]{0,1}[1-9]\d*$|^[+]{0,1}(0\.\d*[1-9])$|^[+]{0,1}([1-9]\d*\.\d*[1-9])$

2020-12-23 18:32:10 63

原创使用uni-app运行到微信小程序报错：Cannot read property ‘forceUpdate‘ of undefined

需要设置小程序的appid在你uni-app根目录的manifest.json文件里配置可以在这个网站申请微信测试号：https://developers.weixin.qq.com/community/welogin?redirect_url=%2Fsandbox

2020-11-11 15:39:40 1155

原创 vue中使用事件监听addEventListener()来实现回车登录功能

在开发中需要做一个点击回车按钮来实现登录的功能，使用到事件监听。事件监听addEventListener()用法：（参照文献：菜鸟教程.）addEventListener(event, function, useCapture)参数一event：必须。字符串，指定事件名。注意: 不要使用 “on” 前缀。例如，使用 “click” ,而不是使用 “onclick”。参数描述event必须。字符串，指定事件名。 “onclick”；注意: 不要使用 “on” 前缀。例如，使

2020-07-01 15:07:52 2931

原创 Vue.nextTick：在下次 DOM 更新循环结束之后执行延迟回调，实现聊天框自动下拉到底部。

最早学习vue的时候，在vue官方文档看到过这个api，但是不知道具体有什么用，昨天在实习项目中遇到一些问题，Vue.nextTick可以很好的解决。想要实现到功能是一个聊天框，当发送信息时，可以自动下拉到聊天框底部。想要实现这个功能很简单，只需要获取到聊天框到DOM对象，然后是它到scrollTop属性等于scrollHeight属性就可以了。 var oDiv = document.getElementsByClassName('chatBox')[0] if (oDiv !== undefi

2020-06-10 16:21:36 1112

原创 mac类似Winscp的软件ForkLift使用

之前使用Winscp和Royal TSX的时候老是会出现掉线的情况，需要重新连接服务器，你还不知道掉没掉线，在掉线的情况下操作的话，会卡顿好长时间，但是ForkLift好像你掉线的时候它可以自动帮你重连，很方便，效率会提高点。之后出现这样的页面，它还有其他模式的，我没有使用到，也不是很熟悉，我需要文件上传，就选择SFTP，之后输入你的端口号，账号，密码就行了。首先打开苹果自带应用商店，找到软件并下载。之后就可以直接拉取文件进行文件传输了。

2020-03-31 16:42:45 7602 7

sanrenxingqg的博客