duan_lily-CSDN博客

原创判断是否是数组的方法收集

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

原创 git操作时，提示WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!

报错描述：Git Pull Failed@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!

2021-05-25 15:34:53 351

原创前端将图表和表格导出为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

原创 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

原创 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

原创 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

原创 Form表单校验_座机号、电话号码

校验输入内容是否是电话号码 /** * 电话号码返回true * @param val * @returns {boolean} */ function checkPhoneNumber(val) { let isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; let isMob = /^((\+?86)|($\+86$))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356

2021-04-25 09:21:38 1330

原创 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

原创 vue-treeSelect校验

1、情况描述：选中的树值变化时，绑定的rules校验触发方式为‘blur’或者’change’都没有触发。2、原代码截图：3、解决方案：在vue-treeSelect中有值改变就调用的方法input，我们可以在input方法中用validateField重新校验。4、改动后代码截图：...

2021-04-16 08:50:48 2886 4

原创 Form 动态非空校验校验

<el-form-item label="设备通道" :rules="[{required: form.type === 'CAMERA', message: '设备通道不能为空', trigger:'blur'}]" prop="channel"> <el-input v-model="form.channel" placeholder="请输入设备通道" @blur="setAddress"/></el.

2021-04-12 10:27:40 470

原创 webstorm README.md文件语法规则

转自ithub，oschina git gitcafe的代码托管平台上的项目的Readme.MD文件有其特有的语法。Markdown语法。基本规则：Markdown 语法速查表1 标题与文字格式标题#： H1 <一级标题>##： H2 <二级标题>######： H6 <六级标题>文字格式这是文字粗体格式这是文字斜体格式在文字上添加删除线2 列表无序列表*项目1*项目2*项目3有序列表1. 项目1 2. 项目2 3. 项目

2021-03-11 10:55:33 812

原创 form表单校验_字符串、中文、数字

// 校验是否为数字 checkNumber: function (val) { // if (!val) return false; let reg1 = /^[\u4e00-\u9fa5]{0,}$/g; // console.log('reg1.test(val)', reg1.test(val)); if (reg1.test(val)) return false; let reg = /[^\d]/g; // console.log('reg.test(val)', r

2021-03-01 14:29:52 2291

原创 element 支持手动输入、选择的搜索框

结果：<template> <el-select v-model="input" filterable clearable @blur="selectBlur" @change="shipChange" placeholder="请输入沙场信息" style="width: 100%;margin-top: 5px;"> <el-optio

2021-02-03 14:46:34 659

原创 JavaScript中的call()、apply()、bind()（随记）

call()、apply()、bind()三者都是用来改变函数的this对象的指向区别：1、调用方式：bind方法返回的仍然是一个函数，因此后面需要()来进行调用2、传参方式：call()用逗号分隔apply()要把参数放到数组里面去bind()传参方式和call一样代码如下： var person = { name : "王先生", gender : "男", age : 20, info : function() { console.log

2020-10-09 16:33:58 101

原创 JavaScript 命名函数表达式（自学随笔）

命名函数表达式命名函数表达式（NFE，Named Function Expression），指带有名字的函数表达式的术语。eg：普通函数表达式：let sayHi = function(who) { alert(`Hello, ${who}`);};给它一个名字，就是命名函数表达式：let sayHi = function func(who) { alert(`Hello, ${who}`);};这个函数依然可以通过 sayHi() 调用： let sayHi = functi

2020-10-09 15:43:43 609

原创语言是否严格区分大小写？简单总结

严格区分大小写的语言关键字，变量，函数名和所有的标识符都必须采用一致的大小写形式JavaScriptXHTMLCC++C#VBJava不区分大小写的语言HTML

2020-09-07 10:08:49 483

原创 JavaScript的Math对象简单总结

JavaScript的Math对象函数和常量简单总结常量Math.E：常量e，自然对数的底数Math.LN10： 10的自然对数Math.LN2： 2的自然对数Math.LOG10E： e以10为底的对数Math.LOG2E： e以2为底的对数Math.PI：常量πMath. 2的平方根Math.SORT1_2： 2的平方根的倒数函数Math.pow(x,y)： x的y次方...

2020-09-05 11:06:22 221

原创 Git命令简单总结

Git常用命令说明：workspace：工作区staging area：暂存区/缓存区local repository：或本地仓库remote repository：远程仓库创建仓库命令git init ：初始化本地仓git init [fileName]：初始化一个名称为“fileName”的本地仓库git clone [远程仓库地址]：拷贝一份远程仓库提交与修改git add：添加文件到本地仓库git add [file1] [file2] …：添加一个或多个文

2020-09-03 16:50:54 108

qq_45420916的博客