qq_42243957的博客

原创 js的map与其他数据结构的互相转换

（1）Map转为数组array = [...map]（2）数组转为Mapmap = new Map([[true, 7], [{foo: 3}, ['abc']]])（3）Map转为对象a = {a:1,b:2}map = new Map(Object.entries(a));c = Object.fromEntries(map.entries())（4）对象转为Mapa = {a:1,b:2}map = new Map(Object.entries(a))（5）Map

转载 js扩展运算符的应用

（1）复制数组const a1 = [1, 2];// 写法一const a2 = [...a1];// 写法二const [...a2] = a1;（2）合并数组const arr1 = ['a', 'b'];const arr2 = ['c'];const arr3 = ['d', 'e'];// ES5 的合并数组arr1.concat(arr2, arr3);// [ 'a', 'b', 'c', 'd', 'e' ]// ES6 的合并数组[...arr1, ..

原创 正则表达式简单小结

\d:匹配一个数字\w:匹配一个字母、数字或者下划线\s：匹配一个空格（tab）.:匹配任意字符\u####：匹配指定unicode字符\D:匹配一个非数字\W:匹配一个非字母、非数字且非下划线\S:匹配一个非空格*匹配任意个字符+匹配至少一个？匹配0或1个{n}匹配n个{n，m}匹配n-m个{n,}至少匹配n个{，m}最多匹配m个^表示开头$表示结尾（…）可以把一个子规则括起来，还可以进行分组在\d+后面加个？表示非贪婪匹配正则表达式用(…)分组可以通过Matche

原创 js中for in和for of的区别

1、直接遍历对象for in 拿到的是对象的属性名，for of 直接报错2、遍历数组：for in 拿到的是数组对象的下标，for of 拿到的是数组对象的值3、forEach**forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效for…of 循环可以与break、continue 和 return 配合使用，跳出循环**4、无论是 for…in 还是 for…of 都不能遍历出 Symbol 类型的值，遍历 Symbol 类型的值需要用 Object.

原创 js简单遍历对象的属性

var obj = {'a':1,'b':2,'name':'zs'}for (let key of Object.keys(obj)) { console.log('key:' + key + ",value:" + obj[key]) }

原创 js去掉日期的‘-’

let nowDate = '2021-04-06'let a = nowDate.substr(0,4) + nowDate.substr(5,2) + nowDate.substr(8,2)let b = nowDate.substring(0,4) + nowDate.substring(5,7) + nowDate.substring(8,10)var c = nowDate.replace(/-/g, '')

原创 js手写给数字添加千分符

numberToThousands = function (data) { // 以下方法toT()把整数部分转为千分位展示（整数部分或小数部分） function toT(arr) { if (arr.length < 4) { return arr; } let arrtemp = arr.split('').map((item, i, arr) =>.

原创 js实现全排列

全排列组合算法，例如1,2,3,4进行全排列组合，则组合结果为：1、2、12、3、13、23、123、4、14、24、124、34、234、1234。实现思路：从数据源拿出一个元素，依次与已存在的组合数据进行组合，循环上面操作直到数据源没有数据为止。 var data = ['1','2','3','4']; // 需要全排列的数组 // index是下标，表示从0开始,放到最后一个 function getGroup(data, index = 0, temp

原创 js实现自由组合

// 需求 从data数组中取出l个数进行自由组合，求所有的组合 var data = ['1','2','3','4','5']; // array是要要递归的数组 function getGroup(array, l) { let len = array[0].length; //已经取出len个数进行组合了 let temp = []; // 临时数组，存放递归后的组合结果集， if (l =.

原创 js创建全0数组

1、创建一个长度为m的全0数组var arr = new Array(m).fill(0);2、创建一个m行n列的全0数组var arr = new Array(m).fill(new Array(n).fill(0));

原创 js中String的常用方法

charAt() 返回指定位置的字符。str.charAt(index)index 为必须参数，类型为number（0到str.length-1之间，否则该方法返回 空串）另外：str.charAt()即不带参数和str.charAt(NaN)均返回字符串的第一个字符charCodeAt() 返回在指定的位置的字符的 Unicode 编码。str.charCodeAt(index)index 为必须参数，类型为number（0到str.length-1之间，..

原创 js操作数组的常用方法（splice）

1、删除数组指定的一个元素a.splice(n, 1); // n是要删除的对象的下标 1表示只删除一个删除指定的多个a.splice(n,m) // n是要删除的对象的下标 m表示从下标为n的开始，连续删除m个（m大于a.length也无妨）2、在指定位置添加元素3、替换...

原创 js判断对象是否为空

isEmptyObject(obj) { for (var key in obj) { return false; } return true;}

原创 数组和set的转换

array = str.split('|') // 字符串分割成数组set = new Set(array) // 数组转成setarray1= Array.from(set) // set转成数组array1.join('|') // 数组转成字符串

原创 vue监听属性的简单使用

// watch和data,method，mounted等平级watch: { 'newshareissueinfofrom.market': { // 注意：属性值发生变化后，handler执行后获取的 newVal 值和 oldVal 值是一样的 handler (newVal, oldVal) { if (newVal === '0') { this.stktypeList = deepCopy(this.stktypeList2); } els

原创 element-ui表格表头换行分列

<el-table-column label="身份" align="center"> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="sno" label="学号" width="180"> </el-table-column></e.

原创 elment-ui简单表格分页

vue:<el-table border :data="tableData"> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="sno" label="学号" width="180"> </el-table-column> &lt

原创 oracle常用单行函数

//验证UPPER()、LOWER()函数SELECT UPPER(‘zhongfuceng’),LOWER(‘ZHONGFUCHENG’)FROM dual;//现在查询出雇员姓名是“smith”的完整信息，但是由于失误，//没有考虑到数据的大小写问题（在一些项目的运行之中经常会出现此类输入数据不考虑大小写的问题），//此时可以使用UPPER()函数将全部内容变为大写SELECT *FROM empWHERE ename = UPPER(‘smith’);//查询所有雇员的姓名，

原创 vue 实现简单跳转

vue 跳转页面并且传值以及在新窗口打开页面的方法1、建一个跳转页面demo.vue<template> <el-row> <p>跳转界面1</p> <el-button style="float: left" type="primary" @click="show3">跳转回主页</el-button> </el-row></template><script>

原创 vue设置全局变量

1、建立一个globle.jsexport default { FLAG1:1, FLAG2:2, setF1(flag1) { this.FLAG1 = flag1; }, setF2(flag2) { this.FLAG2 = flag2; }}2、在vue项目的main.js中导入globle.js文件,import globle from "../src/components/globle.js"并将对象添加到vue原型链上，这样就可以在组件中

原创 elment-ui表格内容居中

原创 JavaScript 去掉小数点后多余的0

parseFloat(value);

原创 ““,null,undefided转成number类型的区别

原创 ==和 ===

1、== 是值的对比2、=== 是值和类型一起对比。

原创 实现vue的确认框取消按钮和右上方“x”不共用

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', distinguishCancelAndClose: true, // 这个是关键 type: 'warning', callback: action => { // 分别写回调 // console.log(act.

原创 element-ui禁用组件时展示禁用小图标

原创 element-ui限制只能输入 0 和负数（小数位最多2位，整数位最多5位）

<el-input v-model="input1" placeholder="请输入内容" @keyup.native="input1 = limitControlLine(input1,5,2)"></el-input>limitControlLine (val,zs,xs) { let value = val; value = value.replace(/[^\-\d.]/g,''); // 只能输入负号、小数点和数字 value = (value.leng.

原创 element-ui限制输入框输入的数不小于0且整数位最多为5位小数位最多为两位

<el-input v-model="input1" placeholder="请输入内容" @keyup.native="input1 = limitControlLine(input1,5,2)"></el-input>limitControlLine (val,zs,xs) { let value = val; if (isNaN(val)) { value = String(val).replace(/[^\d.]/g, '') // 清除“数字”和“.”.

原创 element-ui去掉文本域右下角的斜线

原创 js的forEach

原创 数组和set结合去除数组重复项

let array4=[1,1,2,3,4,4,4,5,6,5];let set4=new Set(array4);array4=[...set4];

原创 js常用日期函数

原创 Chrome浏览器如何清除浏览器缓存快捷键

在Chrome中，按下Ctrl + Shift + Del 快捷键，就可以打开清除浏览数据功能，选择需要清除的内容，再按下"清除浏览数据"按钮，就可以清除缓存了。

原创 vue的监听watch简单使用

原创 element-ui限制输入大于0小于等于1（最多四位小数）

原创 减少ts格式警告

原创 element-ui下拉框选项改变时触发事件

原创 element-ui禁止通过点击 modal 和按下 ESC关闭 Dialog

原创 element-ui的日期选择器限制日期选择(开始和结束日期的相互限制)

原创 v-deep