![](https://img-blog.csdnimg.cn/20200511084539597.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
js/jQuery
文章平均质量分 50
js/jQuery相关
苦夏木禾
声明:如效果实现不符,请自己研究,不要随意甩锅
展开
-
js replace替换文本中的多个字符
JavaScript中的replace函数默认只会替换第一个匹配的字符串。如果你想替换所有匹配的字符串,可以使用正则表达式配合g标志来实现。请注意,上述代码中的变量名假设了你要替换的字符串、替换的模式以及替换成的字符串。你可以根据实际情况修改代码和变量名。原创 2024-06-16 09:39:17 · 286 阅读 · 1 评论 -
js的导入导出
在 JavaScript 中,可以使用 import 关键字来导入其他模块或文件。而使用 export 关键字则可以将变量、函数等内容从当前模块导出供其他地方引用。原创 2024-03-05 15:25:20 · 330 阅读 · 0 评论 -
第一次不等待、超过间隔时间后不等待的节流函数
网上很多节流函数都是可以实现一段时间内只能执行一次,但第一次点击时需要等待后才会执行。原创 2024-02-28 14:43:16 · 262 阅读 · 0 评论 -
async/await是什么?使用场景
async/await是什么?使用场景原创 2023-08-12 11:00:20 · 685 阅读 · 0 评论 -
Promise的使用,及使用Promise封装axios
Promise的使用原创 2023-08-12 09:52:53 · 559 阅读 · 0 评论 -
axios拦截器,如何批量处理请求响应
封装axios拦截器原创 2023-08-12 09:20:25 · 517 阅读 · 0 评论 -
终止forEach循环
运用抛出异常(try catch)可以终止foreach循环原创 2023-07-11 17:59:23 · 396 阅读 · 0 评论 -
什么是with语句;禁用With语句;With statements cannot be used with the “esm“ output format due to strict mode
什么是with语句;禁用With语句;With statements cannot be used with the "esm" output format due to strict mode原创 2023-03-02 14:07:11 · 1023 阅读 · 0 评论 -
谷歌浏览器及谷歌内核相关浏览器input上传重复文件不执行的问题
谷歌浏览器及谷歌内核相关浏览器input上传重复文件不执行的问题原创 2022-10-12 15:05:50 · 384 阅读 · 0 评论 -
js中批量修改对象属性
js中批量修改对象属性原创 2022-09-06 17:25:51 · 2673 阅读 · 0 评论 -
在vue3和react17/18中使用echarts图表-折线图
在vue3和react17/18中使用echarts图表-折线图原创 2022-06-14 08:54:39 · 518 阅读 · 0 评论 -
数组转树形结构的两种实现(递归)
假设数组数据:const arr = [ { id: '01', name: '张大大', pid: '', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' }, { id: '03', name: '小美', pid: '01', job: 'UIleader' }, { id: '04', name: '老马', pid: '01', job: '技术leader' }, { id: '05', n原创 2022-05-29 16:01:03 · 1298 阅读 · 0 评论 -
JavaScript监听按键,禁止F12,禁止右键,禁止保存网页【Ctrl+s】等操作
禁止右键document.oncontextmenu = new Function("event.returnValue=false;") //禁用右键禁止按键// 监听按键document.onkeydown = function () { // f12 if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode = 0;原创 2022-03-25 10:45:51 · 2437 阅读 · 0 评论 -
键盘键码keyCode对照表
字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72Q81Z90856I73R82048957数字键盘上的各键键码值(keyCode)功能键键码值(keyCode)按键键码按键键码按键键码按键键码0968104F1112F91201979105F2113F10121298*106F3114F11122399+107F原创 2022-03-25 09:58:56 · 24309 阅读 · 0 评论 -
http常见状态码
常见的 HTTP 状态码:200 - 请求成功301 - 资源(网页等)被永久转移到其它URL404 - 请求的资源(网页等)不存在500 - 内部服务器错误分类HTTP 状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型。响应分为五类:信息响应(100–199),成功响应(200–299),重定向(300–399),客户端错误(400–499)和服务器错误 (500–599):分类分类描述1**信息,服务器收到请求,需要请求者继续执行操作2**成原创 2021-12-07 18:03:50 · 131 阅读 · 0 评论 -
什么是DOM树?
一个网页呈现的概念:1. 浏览器请求服务器获取页面HTML代码2. 浏览器要现在内存中,解析DOM结构,并在浏览器内存中渲染出一课DOM树3. 浏览器把DOM树呈现到页面上原创 2021-08-23 16:12:14 · 247 阅读 · 0 评论 -
获取当天时间加一天日期,展示今天之后一周时间
业务需求,需要做一个选择一周时间的功能,根据当天时间向后推理一周时间实现代码(关键js,布局样式请自行设计):let week = [{ name: '周一', eg: 'mon', day: 0 }, { name: '周二', eg: 'tue', day: 0 }, { name: '周三', eg: 'wed', day: 0 }, { name: '周四', eg: 'thu', day: 0 }, { name: '周五'原创 2021-07-22 10:22:32 · 186 阅读 · 0 评论 -
JavaScript 数组 array 相关方法和例子总结
数组相关方法和例子查找判断1. every() 检测数组所有元素是否都符合指定条件2. filter() 返回符合条件的元素3. find() 返回符合传入测试(函数)条件的第一个数组元素。4. findIndex() 返回符合传入测试(函数)条件的第一个数组元素。5. includes() 判断一个数组是否包含一个指定的值。6. indexOf() 搜索数组中的元素,并返回它所在的第一个位置。7. lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。8. isArray() 判断对象时候原创 2021-04-28 14:05:51 · 808 阅读 · 0 评论 -
使用canvas绘制海报,包含文字、图片、base64图片
这里写目录标题步骤1. 创建画布2. 画图片3. 画文字4. 画base64图片保存完整代码jsvue这里介绍使用js(jQuery)或者vue使用画布绘制海报,小程序uniapp可参考我的另一篇博客canvas画布,小程序端画base64、网络图片这是一个常见的邀请效果图,可以看成这几部分:1. 背景图2. 中间的白色背景图3. 中间的二维码4. 文字这次的步骤使用js制作,vue、jQuery同理,最后会放出源码步骤1. 创建画布<canvas id="myCanvas" w原创 2021-01-20 14:41:11 · 1640 阅读 · 2 评论 -
将base64格式的图片画到canvas上(js和vue两种)
使用时将里面的base数据替换即可,画布大小进行修改vue使用时必须在mounted里面、或者点击触发,因为在这个生命周期后才能获取dom元素js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanvas" width="800" he原创 2020-12-04 14:53:30 · 7689 阅读 · 0 评论 -
mockjs介绍总结
mockjs介绍总结原创 2020-12-03 15:47:54 · 882 阅读 · 1 评论 -
解决js对象赋值后原对象被更改
现象∶直接用=的方式把一个对象赋值给另一个对象,会导致修改新对象时,原对象也发生变化var obj1 = { "name' : '1111'};var obj2 = obj1;obj2.name = "2222";console.log(obj1.name); //'2222'解决方法:JSON.parse(JSON.stringify( ))var obj1 = { "name' : '1111'};var obj2 = JSON.parse(JSON.stringify(obj1));原创 2020-11-20 13:38:24 · 2581 阅读 · 0 评论 -
js中的数组的方法
就从增删改查说吧数组的增删改查增1. push()2. pop()删改查增1. push() 在数组的末尾添加2. pop()删改查原创 2020-10-22 11:12:19 · 79 阅读 · 0 评论 -
es6笔记(个人)
ES6介绍变量let const 块级作用域解构赋值函数箭头函数简写修正this参数展开,收集 数组展开 json展开('...')收集参数(必须在最后一个)展开参数数组展开json展开原生对象扩展Array扩展mapreduce介绍 ECMAScript是JavaScript的标准,JS是ES的实现; ES6正式名称:ECMA2015,是ECMA标准的第6版;变量let const 块级作用域varletconst重复声明不能重复声明不能重复声明不能限制修改原创 2020-09-29 14:06:59 · 90 阅读 · 0 评论 -
for循环的i取值
碰到一道题,是这样的for(var i=0;i<3;i++){ setTimeout(function(){ console.log(i); },200) }//问最后的输出结果?结果是333是不是很惊讶?来说说原因:这里涉及到同步&异步的概念。 事件的执行是异步的,异步代码会被置于一个特殊的等待队列中,它只会在浏览器“有空闲时间”的时候才会执行。 所以当执行打印的时候i已经递增到3了,没错,就是3;原因是每次循环完会先自增再判断,所以是3。看这个,这个原创 2020-09-11 21:11:41 · 1850 阅读 · 4 评论 -
(function(){})()后面的()含义
最近碰到了一个这种写法这个就是(function(){})(),有人说是一种函数闭包,实在是搞不懂后面的()是啥意思,查了查,有这么个解释: 是一种 立即执行函数 的写法,即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。 IIFE函数的调用方式通常是将函数表达式、它的调用操作符、分组操作符放到一个括号内,来告诉解释器这里有一个需要立即执行的函数。否则通常情况下,解析器遇到一个function关键字,都会把它当做是一原创 2020-06-20 09:05:43 · 988 阅读 · 0 评论 -
简聊怎么比较两个日期的大小
var d = new Date();var d1 = d.getFullYear() + '-' + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + '-' + (d.getDate() < 10 ? '0' + d.getDate() : d.getDate());var d2="2020-06-08";CompareDate(d1, d2) { return new Date(d1原创 2020-06-19 10:33:33 · 347 阅读 · 0 评论 -
jQuery遍历节点及实例
遍历节点及例子1.父子关系1.1. children()方法1.2. parent()方法相关方法1.2.1. parents()方法1.2.2. parentsUntil('element')方法1.3.find()方法1.4.offsetParent()方法1.5.closest()方法1.6.contents()方法2.同级关系2.1.next()方法相关方法2.1.1.nextAll()方法2.1.2.nextUntil('element)方法2.2.siblings()方法2.3.prev()方法原创 2020-05-14 11:51:33 · 301 阅读 · 0 评论 -
js的三元运算符
什么是三元运算符?这就是:条件表达式?表达式1:表达式2可以看做是if…else的缩写比如if (a = 1){ 会员 ; }else{ 不是会员 ; }当用三元的表达式就是:a = 1 ? 会员 : 不是会员嵌套if…else是可以无限嵌套的,就像if...else if...else三元运算符也可以:判断1?结果1:判断2?结果2:判...原创 2020-04-25 20:03:04 · 214 阅读 · 0 评论 -
说说JavaScript数据类型有几种
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol引用数据类型:对象(Object)、数组(Array)、函数(Function)字符串:字符串可以是任何文本内容,凡是用单引号或双引号括住的都是字符串(在字符串里也能使用引号,只需用\不匹配字符串的引号即可)效果如下数字:Ja...原创 2019-11-08 13:14:40 · 156 阅读 · 0 评论