明明的博客

两个数值差值生成数组

小程序cos上传资源

需求：需要在移动端浏览器查看控制台，调试代码解决方案：js：<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script> console.log("测试问题")</script> vue：先执行命令npm ...

问题：在移动端使用canvas的toBlob()会出现失败的情况导致转blob对象失败原因：因canvas.toBlob()方法兼容问题，手机端会出现不兼容的情况代码： 错误示例：findvideocover(url, file) { const video = document.getElementById("upvideo"); // 获取视频对象 // const video = documen...

首先把finished 默认为true然后添加 immediate-check=true<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="true"></van-list>

什么也不说,先让我吐槽吐槽，真的是神奇。很多地方你真的都想不明白为什么一、本地开发时前端调用api报63002 问题就是本地项目，没有配置域名所以调用不了api。两种解决方案 1.使用测试号 2.前端项目使用内网穿透后，让后端的服务器使用nginx映射前端内网穿透后的域名（内网穿透本人使用花生壳）二、如果是需要登录授权vue或者uniapp项目路由模式请使用 history 如果使用hash 再授权...

/** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */ splitArr(data, senArrLen) { //处理成len个一组的数据 let data_len = data.length; ...

html<div> <image animation="{{animationData}}" src="http://school-hi.oss-cn-shanghai.aliyuncs.com/markettest/1600330381592_453.png?Expires=1631866382&OSSAccessKeyId=LTAInVG6zkrEMhpe&Signature=p88AO31rMAKPn%2Fr0xyLicsZIWjo%3D

上图 遇到这个错误的时候一脸懵逼, 刚开始的时候,自己看了看报错的文件,发现没问题 因为项目之前一直好好的然后找到一种暂时解决的办法,那就是在报错的文件重新刷新它 这时候就不报错了但是当你下次编译后问题还是会出现...

在 @change绑定的方法加上下边的代码就好了 强制更新值this.$forceUpdate();

子组件传值父组件子组件:<template><view v-if="isShow" @click="clickSon">点击子组件</view></template><script> import wepy from '@wepy/core' wepy.component({ props:{ isShow:true }, methods:

首先建一个文件夹存放wxs文件// 一个时间截取的方法，不要在意内容，只是业务需要var setTime = function(str) { str = str.slice(5, 7); if (str.slice(0, 1) == 0) { str = str.slice(1) } return str;}module.exports = { setTime:setTime}这里说一个个人发现的坑，可能因为wxs独有的语法，需要使

<template> <view class="poster"> <canvas v-if="getImg==''" style="width: 315px;height: 502px;position: fixed;left: 999999rpx;" canvas-id="poster1" class="post"></canvas> <image v-if="getImg!=''" :src="getImg" style="w.

解决方案://绑定到input的@bluronBlurInput(){ document.documentElement.scrollTop = document.body.scrollTop = 0; },

在config下的index.js 将productionSourceMap改为falseproductionSourceMap: false,

1.npm 安装npm install --save-dev webpack-bundle-analyzer2.webpack.prod.conf.js里配置constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports={plug...

1.官网地址腾讯地图2.点击开发文档3.申请腾讯key4.下载上图第三条的链接 放到你的小程序下5.然后引入qqmap-wx-jssdk.js到需要使用的js页面里6.实例化API核心类// 引入SDK核心类var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');var qqmapsdk;Page({...

使用vue-cropper截图1.下载vue-cropper依赖npm install vue-cropper2.在使用的页面引入 import VueCropper from 'vue-cropper'3.页面使用 <vueCropper ref="cropper" :img="option.img" :outputSize="option.outp...

首先在根目录打开cmd1.打开后执行,一直回车npm init2.然后再输入命令npm i miniprogram-sm-crypto --production3.现在再去小程序构建npm

onclick:鼠标点击事件ondbclick:鼠标双击事件onmousedown:鼠标按钮按下onmouseup:鼠标按下以后再松开onkeypress:键盘上的某个键按下并松开时触发的事件onkeydown:键盘上的某个键被按下时触发的事件onkeyup:键盘上的某个键被按下后再松开时触发的事件onabort：当用户终止正在打开的网页时产生该事件。onblur：某元素失去活...

原生JS 监听物理返回键1.在此使用的Vue写的, mounted() { //监听物理返回键 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); ...

文章目录1.下载依赖npm i lrz2.引入要使用的页面 import lrz from 'lrz'3.使用lrz压缩图片 /** * 添加图片 * */ afterRead(file) { file.status = 'uploading';//这两行是vant上传图片的上传状态,可已不用管 ...

一、验证手机号正则let reg = /^1(3[0-9]|4[5,7]|5[0,1,2,3,5,6,7,8,9]|6[2,5,6,7]|7[0,1,7,8]|8[0-9]|9[1,8,9])\d{8}$/; if (!reg.test(this.phone) || !this.phone.length==11) { console.log("输入的手机号...

首先使用npm安装axiosnpm install axios在src文件下建一个request文件,里边放封装的axios,和请求后台的api,api.js写的是请求后台的接口暴露的方法http.js是封装的axios(两个api是因为项目分两个模块两个人写的)先说http.js 里边暴露了四个方法,因为场景需要,简单的项目一般只需要get和post两个方法就可以了,可以看到显...

/***判断是不是手机设备登录的*如果为true是pc false是手机*///返回true表示为pc端打开，返回false表示为手机端打开 check() { var userAgentInfo=navigator.userAgent; var Agents =new Array("Android","iPhone","SymbianO...

/*** 返回当前时间:* 格式:2019-11-02 8:59:00*/selectData(){ var date = new Date(+new Date()+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,''); return date; } //计算天数差...