
前端
mingjuna2010
做一个寡言,却心有一片海的人。
展开
-
将图片url转换为base64与file对象
通常,在做图片上传的时候,一般以file对象的形式传递。后端将图片上传服务器之后,当前端再次请求数据,拿到的图片为http开头的url。通过此url一般能满足页面展示的需求,如果需要再将此图片传送给后端,也能满足。但在图片在编辑更换后再次传送,且后端需要file对象接收时,单纯的url将不能满足需求,则需要将url地址转换为file对象。html部分<div style="width:400px;height:400px;background: #ccc;margin: 0 auto;margin转载 2021-01-25 17:51:39 · 1910 阅读 · 0 评论 -
vue导出word功能
maintenance_word_template(word模板)转载 2021-01-25 17:32:04 · 510 阅读 · 0 评论 -
导出zip功能
/* eslint-disable */import { saveAs } from 'file-saver'import JSZip from 'jszip'export function export_txt_to_zip(th, jsonData, txtName, zipName) { const zip = new JSZip() const txt_name = txtName || 'file' const zip_name = zipName || 'file' co原创 2021-01-25 16:52:07 · 171 阅读 · 0 评论 -
vue调用接口导出excel功能及前端导出excel
接口导出excelHTML<el-button class="filter-item customise-primary-btn" style="margin-left: 10px;" type="primary" icon="el-icon-download" @click="downLoadData" :loading="downLoading">导出数据</el-button>JS /** * excelTemplateByDeviceData * excel原创 2021-01-25 16:49:34 · 1619 阅读 · 0 评论 -
去重的几个方法以及随机数的运用
去重的几个方法: var arr = [2, 3, 4, 4, 5, 2, 3, 9]; var arr2 = arr.filter(function (element, index, self) { return self.indexOf(element) === index; });var arr = [2,3,4,4,5,2,3,6];var arr2 = [];for(var i = 0;i< arr.length;i++){ if(arr2.indexOf原创 2021-01-22 10:09:22 · 158 阅读 · 0 评论 -
JS数据结构-Set集合,创建Set,常用Set方法
Set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 很多时候我们把Set叫做 集合,但是,Set可以是集合,集合不一定是Set。 特性:唯一性=>不重复=>能够对数据进行去重操作。 注:集合去重,是全等匹配,===。创建Set Set 本身是一个构造函数,调用构造函数用来生成 Set 数据结构。 关键词 标识符 = new Set(); 例 let i = new Set(); Set 函数可以接受一个数组转载 2020-06-24 13:48:58 · 11891 阅读 · 0 评论 -
微信小程序中使用open-data显示用户头像修改圆形样式解决
<view class="user-header"> <open-data type="userAvatarUrl"></open-data> </view>.user-header{ overflow: hidden; display: block; width: 80rpx; height: 80rpx; border-radius: 100%;}完美解决。...原创 2020-06-22 15:02:55 · 1026 阅读 · 0 评论 -
微信小程序自定义图标动态显示不同颜色
微信小程序自定义图标动态显示不同颜色该方法不仅仅局限于阿里图标,后台传过来的图标依旧适用,但是后台上传图标的时候需要上传svg格式的图片呢。主要思路是什么呢:后台上传的svg图片,先使用小程序提供的wx.getFileSystemManager().readFile()进行读取该svg图片文件,读取之后的数据是这样式儿的:<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//E原创 2020-06-18 19:49:59 · 2746 阅读 · 3 评论 -
img下面的留白解决(留一点小缝隙)
在做网页的时候经常会出现一个令人困惑的现象。那就是行内元素和块级元素之间会出现“留白”。就是块级元素中明明只有一个行内元素,但行内元素却不会铺满块级元素。像这个例子:“留白”出现的原因 行内元素默认是和父级元素的baseline对齐的,而不是父级元素的bottom。baseline有时候和父级元素bottom有一段距离。解决办法一:设置vertical-align:bottom;&l...转载 2020-01-14 14:47:43 · 560 阅读 · 0 评论