JavaScript
JavaScript学习
*且听风吟
好的习惯要坚持,坏的习惯要摒弃。
展开
-
JavaScript 金额元转化为万
JavaScript 金额元转化为万原创 2023-12-09 08:30:00 · 737 阅读 · 0 评论 -
JavaScript 截取两个指定字符串之间的子串
JavaScript 截取两个指定字符串之间的子串原创 2023-12-07 08:30:00 · 492 阅读 · 0 评论 -
JavaScript 获取指定日期所在(周或月)第一天和最后一天
JavaScript 获取指定日期所在(周或月)第一天和最后一天原创 2023-12-06 08:45:00 · 812 阅读 · 0 评论 -
JavaScript 解决dayjs在周日获取当前周第一天显示下一周第一天问题
解决dayjs在周日获取当前周第一天显示下一周第一天问题原创 2023-10-09 21:00:00 · 990 阅读 · 1 评论 -
JavaScript =+运算符
=+ 相当于告诉编译器,即将赋值的数值类型为数字类型,不要把数字当作字符串去拼接。原创 2023-06-06 19:45:00 · 4710 阅读 · 0 评论 -
JavaScript 使用 canvas arcTo() 在画布上画一条弧线
canvas arcTo() 方法在画布上画一条弧线原创 2021-09-23 19:20:06 · 762 阅读 · 0 评论 -
JavaScript safari浏览器不支持window.location.href的解决方法
safari浏览器不支持window.location.href的解决方法原创 2022-12-12 19:39:43 · 1230 阅读 · 3 评论 -
JavaScript 删除对象中的某一项
JavaScript 删除对象中的某一项原创 2022-12-08 19:32:56 · 7670 阅读 · 0 评论 -
JavaScript 手机号码脱敏处理隐藏中间4位
JavaScript 手机号码脱敏处理隐藏中间4位原创 2022-09-01 20:30:00 · 1120 阅读 · 0 评论 -
JavaScript Array splice() 方法
JavaScript Array splice() 方法原创 2022-08-29 18:15:59 · 1166 阅读 · 0 评论 -
js 正则校验输入是否为空字符串
js 正则校验输入是否为空字符串原创 2022-08-17 18:02:37 · 3347 阅读 · 0 评论 -
js 判断数组元素是否存在重复项
js 判断数组元素是否存在重复项原创 2022-06-02 18:30:00 · 822 阅读 · 0 评论 -
JavaScript 查找数组中对象的属性值是否存在
查找数组中对象的属性是否存在原创 2022-04-06 18:46:32 · 1417 阅读 · 0 评论 -
JavaScript 绘制柱状图
JavaScript 绘制柱状图原创 2022-03-12 16:15:00 · 2832 阅读 · 0 评论 -
Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。原创 2022-03-11 18:32:59 · 38868 阅读 · 0 评论 -
JavaScript 正则匹配字符串中 base64 图片
通常,富文本编辑器中的图片插入后上传到服务器保存,提交到数据库的富文本内容只包含图片的http地址。但是,提交时候也需要做一下正则校验,避免有时候由于图片上传服务器失败而直接保存base64 格式图片到数据库。utils.js:// 校验内容是否包含base64格式的图片export function validateBase64(str){ let imgReg = RegExp(/data:image\/.*;base64,/) const res = imgReg.test(str)原创 2022-03-10 18:21:44 · 4706 阅读 · 0 评论 -
JavaScript 数组扁平化
数组扁平化是指将一个多维数组变为一维数组。[1,2,3,[4,5,[6,7,[8,9]]]] ——> [1, 2, 3, 4, 5, 6, 7, 8, 9]递归递归的遍历每一项,若为数组则继续遍历,否则concat。示例:function flattenArr(arr){ //初始化扁平化后的数组 let res = []; // 遍历需要扁平化的数组 for(let i =0,len = arr.length;i<len;i++)原创 2022-02-23 18:33:51 · 699 阅读 · 0 评论 -
JavaScript 使用canvas压缩图片
<template> <div class="container"> <input type="file" id="input-img" @change="compress" /> <a :download="fileName" :href="compressImg">下载图片</a> <!-- <button @click="downloadImg">兼容 IE 下载</button> .原创 2022-02-09 18:11:29 · 1468 阅读 · 1 评论 -
JavaScript 使用image-compressor压缩图片
引入:import ImageCompressor from '@/assets/js/image-compressor.min'压缩:uploadImage () { // 图片小于80KB,直接上传,大于80KB,压缩后上传 if (this.fileList[0].size / 1024 < 80) { this.uploadToCos(this.fileList[0].raw) // 上传图片到服务器 } else { let file = th.原创 2022-02-08 18:11:46 · 2710 阅读 · 2 评论 -
JavaScript endsWith() 判断字符串是否以XXX结尾
endsWithendsWith() 方法用来判断当前字符串是否是以指定的子字符串结尾的。如果传入的子字符串在搜索字符串的末尾则返回 true,否则将返回 false。endsWith() 方法对大小写敏感。let str = "Hello world, this is string test";let res1 = str.endsWith("test")let res2 = str.endsWith("Test")let res3 = str.endsWith("rest")consol原创 2022-01-28 14:00:00 · 4906 阅读 · 0 评论 -
JavaScript startsWith() 判断字符串是否以XXX开头
startsWithstartsWith() 方法用于检测字符串是否以指定的子字符串开始。如果是以指定的子字符串开头返回 true,否则 false。startsWith() 方法对大小写敏感。let str = "Hello world, this is string test";let res1 = str.startsWith("Hello")let res2 = str.startsWith("hello")let res3 = str.startsWith("ello")conso原创 2022-01-27 10:27:22 · 1930 阅读 · 0 评论 -
JavaScript 压缩图片
上传图片时候,遇到要上传很大的图片,上传的时候就会很慢。所以,需要对图片进行压缩处理来优化上传功能。图片压缩函数:/* * 图片压缩 * img 原始图片 * width 压缩后的宽度 * height 压缩后的高度 * ratio 压缩比率 */ function compress(img, width, height, ratio) { var canvas, ctx, img64; canvas = document.原创 2022-01-18 18:32:46 · 6064 阅读 · 9 评论 -
JavaScript window.history.go(-1)
windows 对象引用不是必须的,所以:windows.history.go() == history.go()go方法go() 方法可加载历史列表中的某个具体的页面。参数只有一个,正数或者负数。正数:前进;负数:后退。history.back() 后退history.forward() 前进window.location.reload() // 刷新 window.history.go(1) // 前进一页 window.history.go(-1)原创 2022-01-05 21:45:00 · 1138 阅读 · 0 评论 -
JavaScript Object.assign()
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。语法:Object.assign(target, …sources)参数含义target目标对象sources源对象如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。例子:Object.assign()用法复制一个对象const obj1 = { a: 1, b: 2, c:.原创 2021-12-30 18:00:43 · 358 阅读 · 0 评论 -
JavaScript 检查属性是否存在对象中
使用 in 关键字可以用来检查 JavaScript 对象中是否存在某个属性。例子:const person = { name: '小明', age: 30 };console.log('grade' in person); console.log('age' in person); 运行结果:原创 2021-12-24 18:28:27 · 418 阅读 · 0 评论 -
JavaScript 提取对象数组中的属性组成新的对象数组
需求:对象数组中每个对象包含很多属性,批量操作只需要要用到一两个属性,可以提取原数组中的属性组成一个新的对象数组。例子:let arr = [ {name: "name1", age: "1", sex: "man", grade: "1"}, {name: "name2", age: "2", sex: "woman", grade: "2"}, {name: "name3", age: "3", sex: "woman", grade: "3"}, {name: "name4",原创 2021-12-23 18:30:00 · 9223 阅读 · 4 评论 -
JavaScript 取对象数组中对象的某个属性组成一个新数组
用到了es6的map,map的作用:将原数组映射成为一个新的数组。let arr = [ {name: "name1", age: "1"}, {name: "name2", age: "2"}, {name: "name3", age: "3"}, {name: "name4", age: "4"}, {name: "name5", age: "5"}, {name: "name6", age: "6"}]let result = arr.map(obj=>{retu原创 2021-12-22 18:36:42 · 3867 阅读 · 0 评论 -
JavaScript 字符串后四位变为*
let str = "jkjsgfhiasdggaacvdsawe";let res = str.substring(0,str.length-4);res+="****";console.log(res)运行结果:原创 2021-12-16 18:07:41 · 2424 阅读 · 0 评论 -
JavaScript 将表达式的结果转换为布尔值
!! :!!运算符可用于将表达式的结果快速转换为布尔值(true或false)const foo = 'Hello!';console.log(!!foo) const fox = 'Not null!';console.log(!!fox) const bar = '';console.log(!!bar)运行结果:原创 2021-12-15 18:50:45 · 197 阅读 · 0 评论 -
vue 项目中引用cdn上的静态js文件
vue 项目中引用cdn上的静态js文件一级目录一级目录原创 2021-12-14 18:03:37 · 1367 阅读 · 0 评论 -
javascript 数组一键乱序
const arr1 = [1,2,3,4,5,6,7,8,9,1,2,3,4,5,6,7,8,9]const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());console.log(shuffleArray(arr1))运行结果:原创 2021-12-11 11:15:00 · 800 阅读 · 0 评论 -
JavaScript 滚动到页面顶部
使用window.scrollTo(0, 0)方法自动滚动到顶部。将x和y都设置为0:const goToTop = () => window.scrollTo(0, 0);goToTop()原创 2021-12-10 18:02:13 · 781 阅读 · 0 评论 -
JavaScript 优化 if-else 代码
一、提前return,去除不必要的else如果 if-else 代码块包含 return 语句,可以将不符合条件的情况提前return,去掉多余的else。优化前:if (condition) { const a = 300} else { return;}优化后:if (!condition) { return} const a = 300二、使用三目运算符使用三目运算符,可以将多行代码变为一行代码实现。优化前:let res = ''if (condition) {原创 2021-12-08 18:30:00 · 985 阅读 · 0 评论 -
JavaScript 截取字段指定字符后面的内容
JavaScript 截取字段指定字符后面的内容原创 2021-12-04 03:00:00 · 1033 阅读 · 0 评论 -
JavaScript 求一组数字的平均值
const average = (...args) => args.reduce((a, b) => a + b) / args.length;average(1,2,3,4,5,6,7,8,9,1,2,3,4,5,6,7,8,9);运行结果:原创 2021-11-29 18:03:02 · 328 阅读 · 0 评论 -
JavaScript 获取input上传视频第一帧
JavaScript 获取input上传视频第一帧原创 2021-11-27 02:30:00 · 1489 阅读 · 3 评论 -
JavaScript 判断数组是否为空
const arr1 = [1,2,3]const arr2 = []const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;console.log(isNotEmpty(arr1))console.log(isNotEmpty(arr2))运行效果:原创 2021-12-13 18:41:50 · 1100 阅读 · 0 评论 -
JavaScript 颜色转为十六进制
const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);rgbToHex(60, 115, 255)运行结果:原创 2021-11-17 18:31:10 · 701 阅读 · 0 评论 -
JavaScript 获取url里面携带的参数
const getParameters = (URL) => { URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}'); return JSON.stringify(URL);};console.log(getParameters('http://localhost:8080/#/projec原创 2021-11-13 16:00:00 · 338 阅读 · 0 评论 -
JavaScript 检查变量是否为 null 或 undefined
??:当它的左侧操作数为null 或 undefined时,返回右侧的操作数,否则返回其左侧的操作数。用法:想检查一个变量是否为 null 或 undefined 时,?? 操作符很有用。const foo = null ?? 'Hello';console.log(foo);const fox = undefined ?? 'Hello';console.log(fox);const bar = 'Not null' ?? 'Hello';console.log(bar); cons原创 2021-11-11 18:33:25 · 569 阅读 · 0 评论