![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
阿啦ala
这个作者很懒,什么都没留下…
展开
-
关于TS的使用(定义 、接口、泛型等)
泛型:在定义时不指定数据类型,而是在使用时指定,相当于传了一个参数。原创 2023-04-10 14:54:46 · 292 阅读 · 1 评论 -
数组根据一个或多个字段进行匹配度排序
mounted() { let arr = [{ name: '张三', dept: '总裁办', position: '总经理' }, { name: '李四', dept: '人力资源管理管理', position: '主管' }, { name: '张武', dept: '运营部', position: '副经理' }, { name: '王芳',原创 2021-11-02 16:27:36 · 304 阅读 · 0 评论 -
elementui-admin中阿里云oss后端签名直传
首先在utils文件夹中新建一个upload.js文件写入如下代码:import { vUploadImage } from '@/api/common'import axios from 'axios'import { Message } from 'element-ui'export function fileUpload(file) { // file是文件 return new Promise((resolve, reject) => { // 请求后端签名 v原创 2021-01-26 10:00:20 · 375 阅读 · 0 评论 -
uniapp图片自适应显示,不裁剪
先看图:这是长图和方图的显示效果,都可以完全显示出来上代码:html部分:<view class="question-title" style="width: 100%"> <image @load="imageLoad" :style="{'width': images.width + 'px', height: images.height + 'px'}" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/原创 2020-11-20 10:12:27 · 4174 阅读 · 0 评论 -
vue-cropper裁剪图片后压缩上传
vue-cropper上传后返回一个file文件但是经常出现图片过大的问题所以上传后使用localResizeIMG进行压缩第一步:安装localResizeIMGnpm i lrz -S第二步: 在相应位置引入import lrz from 'lrz'第三步:压缩this.imgUrl = URL.createObjectURL(file, { quality: 0 })let quality = 1// 根据图片大小设置压缩比例 if (file.size >= 1024原创 2020-11-17 14:55:54 · 1340 阅读 · 0 评论 -
uniapp中onLaunch异步方法与onLoad执行顺序问题(登录获取token等)
问题描述app.vue里的onLaunch中如果有异步方法,比如登录方法,返回结果可能会在页面的 onLoad 之后,为了让页面的 onLoad 在 onLaunch 之后执行,使用以下解决方案1、main.js添加如下代码Vue.prototype.$onLaunched = new Promise(resolve => { Vue.prototype.$isResolve = resolve})2、在 App.vue 的 onLaunch 中增加代码 this.$isResol转载 2020-10-20 13:54:45 · 8733 阅读 · 0 评论 -
微信小程序canvas绘制图片不变形的方法
项目中需要在canvas中绘制图片,图片大小未知已这张图片为例如果直接绘制图片将被压缩根据官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html可以设定这些参数来保证图片不会变形上代码:wxml:<view class="share"> <view style="padding-top: 65px, padding-bottom: 18原创 2020-10-15 10:14:47 · 3033 阅读 · 0 评论 -
处理微信公众号图片防盗链
我这里是在vue框架中使用的方法就是用iframe加载图片html代码如下注意:需要在img标签外面再包裹一个div标签<div class="coverPicUrlBlock"> <img :src="item.coverPicUrl" alt="" class="coverPicUrl"></div>首先在utils文件夹中创建一个wxImgUrl.js文件添加如下代码// 用于处理微信图片的防盗链export function wxImgUrl原创 2020-10-09 14:34:23 · 1077 阅读 · 1 评论 -
elementui分页列表的全选、全不选和反选
先看一下结果图:官方文档:https://element.eleme.cn/#/zh-CN/component/checkbox其中需要注意的几点:单独选择的时候全选按钮应该变成indeterminate 状态;在已有部分选择时点击全选秩序添加未选择的元素,而非所有;页码切换后应当保留当页选择状态;<template> <div class="group"> <div class="box check"> <div clas原创 2020-09-24 14:23:31 · 1359 阅读 · 0 评论 -
数组元素的上移下移
项目中有一个需求,需要处理数组元素的上移和下移changeSort: function(index, type) { this.tweetsData.splice(type ? index : index - 1, 1, ...this.tweetsData.splice(type ? index + 1 : index, 1, this.tweetsData[type ? index : index - 1]))}其中,this.tweetsData表示整个数组,index表示需要移动的元素下原创 2020-09-24 13:59:13 · 1158 阅读 · 0 评论 -
vue判断数组中时间段无重复区间
原数组是这样的this.tableData = [{ "endTime": "2019-12-05 00:00:00", "startTime": "2019-11-01 00:00:00"}, { "endTime": "2020-08-31 11:29:14", "startTime": "2019-12-01 00:00:00"}]需要判断数组中所有元素的startTime和endTime组成的时间段是否存在重复区间save: function() { var startTime原创 2020-09-01 15:02:11 · 1618 阅读 · 0 评论 -
数组、json对象、字符串的常用处理方法
数组let arr = ['1', '2', '3', '4', '5', '6'] // 原始数组arr.push('7') // 往数组末尾添加一项 ['1', '2', '3', '4', '5', '6', '7']arr.unshift('-1') // 往数组前面添加一项 ['-1', '1', '2', '3', '4', '5', '6']arr.pop() // 删除数组最末尾的一项 ['1', '2', '3', '4', '5']arr.shift() // 删除数组第原创 2020-06-17 13:55:44 · 1282 阅读 · 0 评论