前端个人笔记
开发过程中的一些方法摘录
duan_lily
简单记录一些学习过程中的小笔记,会慢慢完善,不喜勿喷哟
展开
-
判断是否是数组的方法收集
js1、通过instanceof判断instanceof运算符用于检验构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回一个布尔值。//instanceof运算符检测Array.prototype属性是否存在于变量a的原型链上,显然a是一个数组//拥有Array.prototype属性,所以为true。 let a = []; console.log(a instanceof Array); //true let b = {}; console.log(b in原创 2021-06-10 14:20:50 · 515 阅读 · 0 评论 -
前端将图表和表格导出为PDF
import html2canvas from 'html2canvas'import JsPDF from 'jspdf'let exportTime = '';const exportPdf = { /** * 1.图片清晰问题 * 2.导出图片改造 * pdf * @param {配置内容} options * options:{ * elementId:'#xxx', * fileName:'文件名', * type: 'pdf',原创 2021-05-25 10:08:25 · 971 阅读 · 0 评论 -
div水平垂直居中方法收集
让一个div框针对上级容器,上下左右都居中(水平垂直居中)1、Positionposition :方法1.parent{ position: relative;}.child{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}position :方法2.parent{ position: relative;}.child{ width: 200px; he原创 2021-05-12 10:04:27 · 105 阅读 · 0 评论 -
copy
/** * This is just a simple version of deep copy * Has a lot of edge cases bug * If you want to use a perfect deep copy, use lodash's _.cloneDeep * @param {Object} source * @returns {Object} */export function deepClone(source) { if (!source &&原创 2021-05-11 09:19:09 · 134 阅读 · 0 评论 -
Element UI 响应式布局实现一行5列布局
el-row el-col 实现一行5列1、自定义类名 <el-col :lg="{span:'4-8'}" :md="8" :sm="12" :xs="24"> .... </el-col>2、书写不同屏幕大小下,类的样式 @media only screen and (min-width: 768px) { .el-col-sm-4-8 { width: 20%; } .el-col-sm-offset-4-8 {原创 2021-05-10 14:22:18 · 4390 阅读 · 0 评论 -
input绑定输入值和其他参数一起传递到js方法中
<el-input v-model="item.lon" placeholder="请输入经度" @blur="changeInputLon(item.lon,index)" clearable/><el-input v-model="item.lat" placeholder="请输入纬度" @blur="changeInputLat(item.lat,index)" clearable/>// 输入经度变化changeInputLon(val, i..原创 2021-04-16 10:17:22 · 1295 阅读 · 0 评论