JS杂谈
JS一点一滴的进阶之路
陈十一i
言念君子,温其如玉
展开
-
VUE2VUE3适用页面跳转前清除所有请求(简单粗暴)
VUE2VUE3适用页面跳转前清除所有请求(简单粗暴)原创 2023-03-03 20:01:09 · 1118 阅读 · 0 评论 -
JS时间戳转换成年月日时分秒 new Date() 时间格式转换,
【代码】JS时间戳转换 new Date() 时间格式转换。原创 2022-11-01 14:10:33 · 1157 阅读 · 0 评论 -
js去掉字符串中的某个字段,字符,标点符号
js去掉字符串中的某个字段,字符,标点符号原创 2022-06-14 15:53:43 · 1705 阅读 · 1 评论 -
ES6数组去重的方法
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <.原创 2022-04-05 23:46:22 · 393 阅读 · 11 评论 -
防抖和截流超级详细讲解,易懂
防抖函数: 在规定时间内只执行最后一次代码解析:// 1、定义一个业务处理函数function search() { console.log('业务处理函数执行,执行搜索', Math.random())}// 2、防抖函数(事件触发每次都执行防抖函数,但是不一定执行业务处理函数)// 2.1 防抖函数设置1秒延迟执行业务函数function fangdou () { setTimeout(search, 1000)}// 2.2、每次事件发生都要触发防抖.原创 2022-04-05 20:43:04 · 2810 阅读 · 1 评论 -
JavaScript的同源策略是什么
在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议, 相同的端口,相同的host,那么我们就可以认为它们是相同的域。同源策略还应该对一些特殊情况做处理,比如限制file协议下脚本的访问权限。本地的HTML文件在浏览器中是通过file协议打开的,如果脚本能通过file原创 2022-04-05 10:59:40 · 1706 阅读 · 1 评论 -
如何将并列数据转换为嵌套数据,将并列数据转换为树状数据
例: <script> // 将下列数据转换为嵌套数据 let arr = [ { name: '小明', age: 18, id: 1, pid: '' }, { id: 2, hoby: '篮球', pid: 1 } ] // 将数据转换为如下形式 let arr1 = [ { name: '小明', age: 18, id: 1, ...原创 2022-03-28 17:30:45 · 406 阅读 · 0 评论 -
深拷贝,如何实现深拷贝
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-03-27 23:27:48 · 338 阅读 · 1 评论 -
什么是对象原型,什么是原型对象,什么是constructor,什么是原型链,详细解析
原型对象 : prototype概念:原型对象是构造函数上的一个属性,用来创建公共的方法原型对象怎么使用? 如何使用原型对象设置公共方法?//语法: 构造函数.prototype.方法名 = function() {} function Student(uname) { this.uname = uname } // 设置公共方法 Student.prototype.eat = function () { ...原创 2022-03-27 16:38:08 · 2629 阅读 · 0 评论 -
什么是原型对象,原型对象的作用是什么
什么是原型对象?概念: 是构造函数中的一个属性,该属性叫 prototype代码演示:function Student(uname) { this.uname = uname this.eat = function () { console.log('吃饭') } } console.log(Student.prototype);原型对象有什么作用?作用: 通过原型对象给构造函数设...原创 2022-03-27 12:23:34 · 1099 阅读 · 0 评论 -
通过自定义构造函数创建对象,自定义构造函数中的this
通过自定义构造函数创建对象本质上就是对工厂方式创建对象的简写工厂方式创建对象不了解的可以去看我另一篇文章 通过工厂方式创建对象// 工厂方式: 本质上就是将内置构造函数创建对象封装了一个函数 function student() { let stu = new Object(); stu.uname = '张三'; stu.age = 12; ...原创 2022-03-27 11:43:11 · 194 阅读 · 0 评论 -
批量创建对象,工厂方式创建对象
通过工厂方式创建对象工厂特点: 批量化(数量大),标准化(大家都一样)工厂创建对象:a) 批量多个对象b) 所有的对象都有相同的属性或方法工厂方式创建对象如何实现?// 创建3个对象 // 小花 // 小明 // 小张 // 常规写法 let xh = { name: '小花', age: 18, text: function () { ...原创 2022-03-27 10:50:28 · 501 阅读 · 1 评论 -
给对象设置属性或方法,给通过内置函数创建的对象设置属性或方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-03-27 10:35:23 · 241 阅读 · 0 评论 -
什么是内置构造函数,如何通过内置构造函数创建数组和对象
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-03-27 10:31:29 · 383 阅读 · 0 评论 -
JS中的解构赋值,数组和对象的解构赋值,详解解读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-03-27 10:07:54 · 803 阅读 · 0 评论 -
this指向,箭头函数中的this指向问题详细解读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-03-27 10:05:27 · 134 阅读 · 0 评论 -
原生JavaScript 中绑定事件,绑定点击事件,鼠标时间,双击事件
<div class='box'>点击打印</div>原生Javascript中获得 DOM 元素 let box = document.querySelector('.box')// DOM L2 事件 一个元素通过 addEventListener 能设置多次点击事件 box.addEventListener('click', () => { console.log(123) // 添加逻辑代码即可 .原创 2022-03-18 14:14:57 · 2536 阅读 · 1 评论 -
js中的三元运算符 ? : 三元运算符基本用法
条件 ?满足表达式获得的值:不满足获得的值例子:a = 1 ? ' 你好 ' :' 再见 'a = 1 输出 '你好' ,否则输出 ' 再见 '原创 2022-03-18 13:40:12 · 471 阅读 · 0 评论 -
数组的查找方法,find方法,查找数组中是否有某个元素
数组的find方法 查找方法 Array.find(item,index) // 有两个参数 item : 数组中的每一项 index : 数组中每一项的下标 有返回值 : 返回值为符合条件的元素的 值 无符合条件元素则返回 undefined let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] let a = arr.find((item, index) => { // c...原创 2022-03-16 18:11:31 · 2102 阅读 · 1 评论 -
数组的循环遍历方法,数组的forEach方法,数组求和方法
数组的 forEach 方法 有返回值:返回值总是 undefinedArray.forEach(item,index)// 参数 item 为数组中的每一个元素// 参数 index 为数组的下标 遍历数组,可看成 for 循环的封装方法例:求 1-10 和 let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] let and = 0 arr.forEach(item => { and += item }) c.原创 2022-03-16 17:57:19 · 1051 阅读 · 1 评论 -
数组的filter方法,数组过滤方法
// 数组的filter方法// 返回满足条件的新数组(是返回新数组,不是修改原数组)// 例子 : 删除数组中 id 为 1 的元素// 分析 : 用filter把 id 不等于 1 的数据过滤出来 let arr = [{ id: 1, name: "张三" }, { id: 2, name: "李四" }, { id: 3, name: "王五" }]let newarr = arr.filter(item => item.id !== 1)// item 为当前数组的每一项.原创 2022-03-15 18:57:14 · 5950 阅读 · 1 评论 -
数组的splice方法
let arr = [1,2,3,4,5]arr.splice(index,n,add)三个参数:index : 开始操作的位置,数组的下标 n : 要删除的个数 add : 要添加的元素(可以是多个)arr.splice(1,1) 从下标为 1 的元素开始,删除一个元素 // [1,3,4,5] arr.splice(1,0,9,10) 从下标为 3 的元素开始,添加一个或多个元素 // [1,9,10,2,3,4,5] arr.splice.原创 2022-03-13 00:17:42 · 3156 阅读 · 2 评论