自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 vue-cli3+ 后打包不自动刷新,配置打包文件时间戳

```javascriptconst path = require("path");const MiniCssExtractPlugin = require('mini-css-extract-plugin');const TimeStamp = new Date().getTime();// 拼接路径function resolve(dir) { return path.join(__dirname, dir);}module.exports = { publicPath: pr.

2021-12-01 15:32:12 1504

原创 微信小程序 canvas电子签名

<view class="sign-contain"> <view class="signName"> <canvas id="canvas" canvas-id="canvas" class="{{ sysType === 'iOS' ? 'canvas' : 'canvas bg000'}}" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouche

2021-06-10 11:34:40 389

原创 微信小程序 分享给好友

//分享 onShareAppMessage: function (res) { return { title: 'xxxxx', // 分享标题(一般是小程序名称) path: '/pages/index/index', imageUrl: '', success: function (shareTickets) { console.info(shareTickets + '成功'); // 转发成功 ..

2021-05-29 16:38:04 177

原创 微信小程序跳转到另一个小程序 wx.navigateToMiniProgram 方法,调试

wx.navigateToMiniProgram(Object object)需要页面权限:小程序不能在插件页面中调用该接口,插件也不能在小程序页面中调用该接口打开另一个小程序 wx.navigateToMiniProgram({ appId: 'wxewerwesdas', // APPID path: 'pages/cert/bind' // path 路径 })wx.navigateToMiniProgram({ appId: '', path: 'page/i

2021-05-29 16:34:45 18755 2

原创 微信小程序 上传视频方法

<button bindtap = "chooseVideo" >上传视频</button>const app = getApp()const aesUtil = require('../../../utils/util.js')Component({ options: { styleIsolation: 'apply-shared' //页面样式将影响到组件,但组件中指定的样式不会影响页面 }, /** * 组件的属性列表 */ ...

2021-05-29 16:27:40 4691

原创 微信小程序 上传图片

<button data-type="0" catchtap="chooseImg">从相册选择</button><button data-type="1" catchtap="chooseImg">拍照</button> //上传图片 chooseImg: function (e) { let that = this let type = e.currentTarget.dataset.type if(type == '0

2021-05-29 16:22:15 66

原创 微信小程序 提示新版本自动更新版本,进行测试

小程序更新机制= 未启动时更新 =开发者在管理后台发布新版本的小程序之后,如果某个用户本地有小程序的历史版本,此时打开的可能还是旧版本。微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本,如果有则会静默更新到新版本。总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内下发新版本信息到用户。用户下次打开时会先更新最新版本再打开。1)小程序的启动方式: 冷启动----小程序首次打开或销毁后再次被打开 热启动----小程序打开后,在

2021-05-29 16:05:03 1420

原创 微信小程序 公共获取字典等方法

// 获取区域列表const getAreaList = ({ areaId,}) => { return new Promise(function (resolve, reject) { util.requestUrl({ url: configAPI.getArea + areaId, params: {}, method: "get", }).then(res => { const list = res.data.

2021-05-29 15:56:54 1490

原创 微信小程序 封装request 方法

/* 公共request 方法 */const requestUrl = ({ url, params, success, method})=>{ wx.showLoading({ title: '加载中', }); let that = this; const auth= wx.getStorageSync('auth') var header = { 'content-type': 'application/json', 'auth': auth }

2021-05-29 15:54:30 195

原创 微信小程序 导出Excel 文件

<view bindtap="exportData">导出</view>// 导出 exportData() { const auth = wx.getStorageSync("auth"); wx.showLoading({ title: "加载中", }); wx.downloadFile({ //下载 url: configAPI.exportPlanList + '?searchParam=' +.

2021-05-29 15:48:24 4743 1

原创 微信小程序 导入excel文件

<view bindtap="uploadData">导入</view> /** * 导入 */ uploadData() { const that=this wx.chooseMessageFile({ count: 1, type: 'file', success(res) { console.log(res.tempFiles[0]) const path = res.

2021-05-29 15:46:34 4661 2

原创 微信小程序引用 腾讯地图,获取定位服务

在app.json 设置 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置展示" } },在页面引用let QQMapWX = require(’…/…/utils/qqmap-wx-jssdk.min.js’) let qqmapsdk = new QQMapWX({ key: 'Tasdfjasdkasdfasf' // 地图的key })// 实例化API

2021-05-29 15:42:44 365 2

原创 微信小程序 AES 加密方法

引用方法const aesUtil = require('../utils/util.js')let encrypt = aesUtil.encrypt('要加密的东西','秘钥')let decrypt = aesUtil.decrypt('要解密的东西','秘钥')util.js 文件const CryptoJS = require("./AES.js").CryptoJS; //引用AES源码js //加密方法const encrypt = ({ word, keyStr })

2021-05-19 20:51:23 853

原创 js 防抖和节流的理解和应用场景

函数防抖和节流函数防抖和节流是优化高频率执行js代码的一种手段,js中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类事件进行调用次数的限制。函数防抖触发时间后在n秒内函数只能执行一次,如果在这n秒内又被触发,则重新计时。「防抖重在清零 clearTimeout(timer)」场景:登录、发短信等按钮避免用户

2021-05-19 20:42:51 189

原创 vue 根据身份证号获取出生年月,性别,年龄

获取出生年月、性别、年龄getInfo(idCard) { let sex = null; let birth = null; let myDate = new Date(); let month = myDate.getMonth() + 1; let day = myDate.getDate(); let age = 0; if(idCard.length===18){

2021-05-11 16:24:06 3768

原创 get 请求传递参数类型为数组或者对象的处理

问题:get 请求传递参数的类型为数组或对象时,请求会报错。/list?pageNum=1&pageSize=10&params=%7B%22beginCreateTime%22:%22%22,%22endCreateTime%22:%22%22,%22beginUpdateTime%22:%22%22,%22endUpdateTime%22:%22%22%7D解决方式:== 引用qs插件,在axios配置vue 方式:安装Qs插件命令:npm install qs在 requ

2021-05-06 20:55:13 4439

原创 js 格式化日期

/** * 格式化日期 * @param time * @param pattern * @returns {string|null} */ parseTime(time, pattern) { if (arguments.length === 0 || !time) { return null; } const format = pattern || '{y}-{m}-{d} {h}:{i}.

2021-04-09 10:40:30 206

原创 PC或移动端:过快多次点击,重复调用问题

在微信小程序中,用户点击按钮或控件时,如果响应较慢,会重复点击,多次调用的问题。1、设置透明遮罩层wx.showLoading({ title: message, mask: true});2、最好用catchtap(今天改了,不知道情况会不会好点)...

2021-03-25 19:48:13 415

原创 微信小程序:setData 数据传输长度为 1678 KB,存在有性能问题!

微信小程序:setData 数据传输长度为 1678 KB,存在有性能问题!记录遇到的问题本文也参考了其他文章由于data 数据过大,比如 base64 / 数据列表返回内容过大,导致无法执行 setData功能。这是因为setData设置的数据量是有限制的,单次设置的数据大小不得超过1024kb,否则就会出现如上错误。问题做法:data:{ // 数据源 list:[]},getListData:function(){ // 本次加载的数据 let _list = [];

2021-03-25 19:31:47 6212

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除