js
文章平均质量分 52
钱端攻城狮
BUG提取器
展开
-
关于根据动态数量的对象的某属性的数组数量呈乘机式增长的数据处理
adta是原始数组,currentIndex默认是零,currentObject初始对象,result处理生成的结果。原创 2023-10-28 09:05:57 · 340 阅读 · 0 评论 -
关于后端304重定向解决方案
【代码】关于后端304重定向解决方案。原创 2023-07-19 15:22:27 · 414 阅读 · 0 评论 -
处理后端返回的内容为文件流时的情况
【代码】处理后端返回的内容为文件流时的情况。原创 2023-07-19 09:09:28 · 123 阅读 · 0 评论 -
深度冻结对象
【代码】深度冻结对象。原创 2023-01-30 15:19:57 · 273 阅读 · 0 评论 -
js中在onload回调事件需要用return的返回值
说明onload要等待x资源都加再完成了才能执行。按照平常理论上这样写一点问题也没问题。但是返回的是undefined。改进 利用promise的回调。后续所有操作都在这回调里面执行。原创 2022-12-13 09:46:15 · 991 阅读 · 0 评论 -
正则表达式动态全文本替换
【代码】正则表达式动态全文本替换。原创 2022-11-28 15:15:26 · 430 阅读 · 0 评论 -
vue中video绑定的值发生了改变页面video标签并未刷新的解决方案
vue中video绑定的值发生了改变页面video标签并未刷新的解决方案原创 2022-11-07 16:30:09 · 1277 阅读 · 0 评论 -
利用canvas根据文字画出图像
利用canvas根据文字画出图像。原创 2022-11-04 10:26:38 · 218 阅读 · 0 评论 -
关于解决点击文本链接浏览器会打开的问题(让其下载,而不是打开)
关于解决点击文本链接浏览器会打开的问题(让其下载,而不是打开)原创 2022-11-03 14:30:27 · 1451 阅读 · 0 评论 -
Object.assign()方法不能合并深层次对象
我们只知道Object.assign()方法能合并对象,已存在键的会对其进行更新,不存在的会新增并合并生成一个新对象。而不是我们想要的这样的 { a: { x: 1,z:3, y: 2 },d:3 }输出结果会是{ a: { b: 1, c: 2 } ,d:3}但是 Object.assign()方法合并只适用于单层对象。我们可以找个替代品来实现对象的深层合并(看别的大佬写的代码)就是Object.assign()方法是单层深拷贝。而这个方法是在a的值的基础上进行更改。...原创 2022-09-01 14:31:27 · 1019 阅读 · 0 评论 -
三目运算符的多层嵌套
嵌套语法: 条件1?值1或操作1: //如果满足条件1,就返回值1或执行操作1条件2?值2或操作2: //否则,如果满足条件2,就返回值2或执行操作2以此类推进行多条件嵌套。这样做有个弊端,就是当你拿本对象直接当做入参时,对象里会多出来两个入参(可能会影响响应结果,当然也可能不影响)三目运算符的基础用法是二选一,当我们想多选一时就可以利用三目运算符的多层嵌套来完成(可以替代if多层判断)其实我们可以在渲染数据时利用三木云算符进行判断。根据不同的条件,执行不同的操作/返回不同的值。当时进行先处理数据后渲染。.原创 2022-09-01 10:55:07 · 2627 阅读 · 1 评论 -
js中移动端事件
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style type=原创 2022-04-02 21:29:25 · 750 阅读 · 0 评论 -
js中继承的使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> //重点明白 普通继承即可! apply() call() //至于原型继承,了解即可!可原创 2022-04-01 20:21:13 · 321 阅读 · 0 评论 -
js中原型的使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> /* 原型:js中所有的函数都有一个属性prototype属性! 这属性引用了一个对象,就是原原创 2022-04-01 20:18:53 · 308 阅读 · 0 评论 -
js中面向对象的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html><script type="text/javascript"> //JavaScript中的对象是拥有属性和方法的集合. //方式1: var st原创 2022-04-01 20:17:16 · 344 阅读 · 0 评论 -
利用js的cookie存储写个自动登录
登录界面<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: #f2f2f2; } ul{ list-style:原创 2022-03-31 21:43:58 · 1199 阅读 · 1 评论 -
利用js写一个简单的接金币小游戏(要用到碰撞检测)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; -webkit-user-select: none; } html, body{ width: 100%; heigh原创 2022-03-31 21:35:46 · 4769 阅读 · 4 评论 -
js中正则表达式的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html><script type="text/javascript"> /* 正则表达式:按照指定的规则检测或者替换满足对应条件的字符串.通常多用于数据格式验原创 2022-03-31 21:34:14 · 604 阅读 · 0 评论 -
js中封装cookie操作方法并调用
js代码//方法1,判断cookie中是否有此属性(也就是key的位置)有的话返回true否则falsefunction hasKey(name){ //1.获取所有cookie的数据 并且以;分割 成数组 var strArray=document.cookie.split(";"); //2.遍历数组 查看=号前面的属性名 for(var i=0;i<strArray.length;i++){ //再通过=分割成小数组 var smallArray=strArray[i].sp原创 2022-03-31 21:28:10 · 344 阅读 · 0 评论 -
js中对字符串进行的操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> var str1 = "abc哈哈呵呵123你好"; //1.获取子字符串 截图字符串 /原创 2022-03-31 21:25:02 · 184 阅读 · 0 评论 -
js中cookie存储的使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> /* cookie的概念: cookie的本质上是一段文本信息,存储本地浏览器中,而且原创 2022-03-31 21:23:54 · 2152 阅读 · 0 评论 -
js中localStorage存储的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body></html><script type="text/javascript"> /* localStorage本地存储 HTML5的新技术! 特点: 1.原创 2022-03-31 21:16:04 · 611 阅读 · 0 评论 -
利用js写一个飞翔的小鸟
html部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/飞翔的小鸟.css"/> </head> <body> <!--最外层的标签--> <div id="ro原创 2022-03-31 21:12:14 · 1156 阅读 · 0 评论 -
js之碰撞检测
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; /*通过css方式 关闭标签的用户选中效果!!!*/ /*-webkit-user-select: none; -moz-use原创 2022-03-29 20:44:18 · 2298 阅读 · 0 评论 -
利用js实现自定义滚动条
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义滚动条</title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 300px; height: 530px; margin: 40px aut原创 2022-03-29 20:42:18 · 4452 阅读 · 0 评论 -
js实现放大镜效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /*最后一个坑*/ html, body{ width: 100%; height: 3000px; }原创 2022-03-29 20:41:13 · 931 阅读 · 1 评论 -
利用js实现多元素拖拽
第一种方法<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div{ width: 50px; height: 50px; border-radius: 50%; position: absolute; left: 0;原创 2022-03-29 20:39:46 · 1497 阅读 · 1 评论 -
js的元素拖拽属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #one{ width: 300px; height: 300px; background-color: gold原创 2022-03-27 14:51:16 · 321 阅读 · 0 评论 -
js中标签的滚动属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ width: 600px; height: 600px; } #one{ overflow:原创 2022-03-26 10:27:29 · 320 阅读 · 0 评论 -
js中event对象以及其相关属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ height: 3000px; } #one{ width: 300px; height:原创 2022-03-26 10:26:10 · 174 阅读 · 0 评论 -
js绑定事件以及事件冒泡
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #one{ width: 400px; height: 400px; background-color: sandybrown; } #two{ width: 300px;原创 2022-03-26 10:24:48 · 248 阅读 · 0 评论 -
js中表单相关的事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get" id="f"> <input type="text" placeholder="请输入文本" id="i1"/> <input t原创 2022-03-26 10:23:31 · 322 阅读 · 0 评论 -
js的滚轮事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> //滚轮事属于鼠标事件 只是滚轮兼容性不一样 //滚轮事件直接加给文档 document原创 2022-03-26 10:22:22 · 3987 阅读 · 0 评论 -
js的键盘事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #one{ width: 300px; height: 300px; background-color:skyblue ; position: absolute; } &原创 2022-03-26 10:21:28 · 316 阅读 · 0 评论 -
js的鼠标事件
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background-color: skyblue; } </style> </head>原创 2022-03-26 10:20:22 · 198 阅读 · 0 评论 -
js的ES6新数组方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> var arr1=[100,200,300,400,500]; // forEac原创 2022-03-26 10:19:32 · 298 阅读 · 0 评论 -
js中数组Array的相关方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> var a1 = [9, 78, 34,"哈哈", 298, "哈哈", 34]; a1.pop原创 2022-03-26 10:18:17 · 165 阅读 · 0 评论 -
js中的navigator对象和screen对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> //navigator 用于检测浏览器内核操作系统的信息 console.log(navigat原创 2022-03-26 10:16:24 · 209 阅读 · 0 评论 -
js中的location对象
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> //location对象中 最有用的方法//以下将来都要放在事件中触发!!! //1.类似a标原创 2022-03-25 22:24:20 · 286 阅读 · 0 评论 -
js中弹窗相关的方法和区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" placeholder="请输入文字"/> <input type="button" value="失去焦点" id="b"/> <input ty原创 2022-03-25 22:14:07 · 216 阅读 · 0 评论