![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
主要记录学习JS过程中做的笔记
逝者如斯夫。
这个作者很懒,什么都没留下…
展开
-
前端面试题总结
记录遇到的前端面试题原创 2022-06-09 14:45:00 · 92 阅读 · 0 评论 -
随手记录。
随手记原创 2022-06-06 16:15:25 · 71 阅读 · 0 评论 -
JS面试题总结2
js面试题总结原创 2022-05-15 20:23:06 · 281 阅读 · 0 评论 -
关于this到底指谁
关于this在什么情况下是谁原创 2022-05-04 19:38:02 · 144 阅读 · 0 评论 -
js数组、字符串方法
js数组和字符串常用的方法总结原创 2022-05-01 22:53:43 · 371 阅读 · 0 评论 -
Js、Ajax面试题、易错题总结
js面试题总结原创 2022-05-01 18:05:54 · 780 阅读 · 0 评论 -
VSCode编辑器的位置
所有的插件存放在C:\Users\Administrator(你的名字)\.vscode原创 2021-12-10 12:16:23 · 411 阅读 · 0 评论 -
module模块化
module模块化操作原创 2021-10-04 11:28:28 · 49 阅读 · 0 评论 -
promise
promise // promise 解决回调地狱 提高代码的可读性 let pro = new Promise((resole, reject) => { if(Math.random() > 0.5) { resolve("ok"); }else { reject("no"); } }) pro.then(data => { console.l原创 2021-10-04 08:09:00 · 47 阅读 · 0 评论 -
ES6语法
es6的新语法原创 2021-10-03 22:28:43 · 102 阅读 · 0 评论 -
深拷贝和浅拷贝
浅拷贝let arr = [1,2,3]; let arr2 = arr; //浅拷贝 arr2[1] = 10; console.log(arr) // [1, 10, 3]深拷贝不改变原数组 //数组深拷贝 let arr = [1,2,3]; //1.使用for循环 // 2.使用concat // let arr2 = [].concat(arr); let arr2 = [...arr];...原创 2021-10-03 16:19:30 · 50 阅读 · 0 评论 -
闭包(closure)
闭包(closure)指有权访问另一个函数作用域中变量的函数。 一个作用域可以访问另外一个函数的局部变量 闭包的主要作用:延伸了变量的范围 //1.我们可以利用动态添加属性的方式 var lis = document.querySelector(".nav").querySelectorAll("li"); for (var i = 0; i < lis.length; i++) { lis[i].index = i; lis[i].原创 2021-10-03 09:28:40 · 114 阅读 · 0 评论 -
改变this指向的方法
call和apply的区别,改变this指向的方法原创 2021-09-30 15:17:19 · 59 阅读 · 0 评论 -
函数的六种调用和对应this的指向
总结函数的六种调用方式以及相对应的this指向原创 2021-09-30 11:38:49 · 173 阅读 · 0 评论 -
forEach() 、filter()、 some() 、trim()
forEach() filter() some() trim() map()原创 2021-09-30 11:28:09 · 103 阅读 · 0 评论 -
ES5构造函数和原型
创建对象的三种方法1.利用newObject()创建对象varobj1=newObject();2.利用字面量创建对象varobj2={};3.利用构造函数创建对象 function Star(uname, age) { this.uname = uname; this.age = age; this.sing = function(...原创 2021-09-27 16:47:50 · 298 阅读 · 0 评论 -
JS数组使用
这篇文章介绍了创建数组的两种方式、求数组最大值,数组的新增、循环赋值、排序、去重、查元素的索引、转成字符串,数组元素的连接、截取和删除等原创 2021-08-25 14:23:02 · 154 阅读 · 0 评论 -
JS事件对象
event就是一个事件对象 写到我们的侦听函数的 小括号里面 当形参来看 事件对象只有有了事件才会存在, 他是系统给我们自动创建的,不需要我们传递参数 事件对象是 我们事件的一系列相关数据的集合,跟事件相关的 比如鼠标点击里面就包含了鼠标的相关信息,鼠标的坐标等,如果是键盘事件里面就包含键盘事件的信息 比如用户按下了那哪键 这个事件对象我们可以自己命名 比如event、e 事件对象也有兼容性问题 ie678通过 window.event 兼容写法 e = e || window.event; /原创 2021-09-27 09:06:18 · 84 阅读 · 0 评论 -
ES6中的类和对象
创建类、生成实例类里面所有的函数不需要写function 多个函数方法之间不需要添加逗号分隔 //1.创建类 class 创建一个明星类 class Star { //类共有的属性放到constructor里 constructor(uname, age) { this.uname = uname; this.age = age; } sing(song) {原创 2021-09-24 11:24:12 · 48 阅读 · 0 评论 -
HTML5本地存储
本地存储特性数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大sessionStorage约5M、locationStorage约20M 只能存储字符创,可以将对象JSON.stringify编码后存储window.sessionStorage生命周期为关闭浏览器窗口 在同一个窗口(页面)下数据可以共享 以键值对的形式存储使用存储数据sessionStorage.setItem(key, value)获取数据sessionStorage.get.原创 2021-09-22 07:00:51 · 148 阅读 · 0 评论 -
移动端触屏事件
touchstart 手指触摸到一个DOM元素时触发 touchmove 手指压在一个DOM元素上滑动时触发 touchend 手指从一个DOM元素上移开时触发原创 2021-09-16 17:09:12 · 74 阅读 · 0 评论 -
JS实现动画效果
动画实现原理核心原理:通过定时器setInterval() 不断移动盒子位置。实现步骤:获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用element.style.left缓动效果原理缓动就是变速运动,最常见的就是让速度慢下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢减下来 核心算法:(目标值-现在的位置)/ 10 作为每次移动的距离步长 停止的条件是:让盒子位置等于目标位置.原创 2021-09-14 16:28:00 · 4771 阅读 · 0 评论 -
mouseenter 和 mouseover的区别
mouseenter 鼠标事件当鼠标移动到元素上时就会触发mouseenter事件 类似mouseover, 两者的差别是 mouseover 鼠标经过自身盒子会触发,经过子盒子还会触发。mouseenter只经过自己会触发 之所以这样,就是因为mouseenter不会冒泡 跟mouseenter搭配鼠标离开mouseleave同样不会冒泡...原创 2021-09-14 11:30:33 · 59 阅读 · 0 评论 -
offset / client / scroll
元素偏移量 offset元素可视区 client元素滚动scroll原创 2021-09-14 11:26:32 · 53 阅读 · 0 评论 -
JS-BOM
什么是BOM;窗口加载事件;调整窗口大小事件;定时器(停止定时器);location对象的属性和方法;history对象;dom0和dom2的区别,冒泡和捕获委托模式原创 2021-09-07 09:34:03 · 48 阅读 · 0 评论 -
DOM事件高级
这篇主要介绍传统注册方式、方法监听注册方式、删除事件的方式、事件对象的常见属性和方法、事件委托的原理、常用的鼠标事件、鼠标事件对象、常用键盘事件原创 2021-09-01 17:27:50 · 65 阅读 · 0 评论 -
DOM重点核心总结
这篇总结了DOM的重点核心内容,包括创建、增删查改、属性操作、事件操作原创 2021-09-01 14:48:32 · 109 阅读 · 0 评论 -
JS-DOM
这篇主要介绍了DOM获取元素、事件三要素和DOM节点的创建、添加、删除、克隆;防止链接跳转和禁用按钮原创 2021-08-31 10:25:20 · 106 阅读 · 0 评论 -
JS简单数据类型和复杂数据类型
这篇介绍JS简单数据类型和复杂数据类型原创 2021-08-27 17:17:56 · 83 阅读 · 0 评论 -
2021-08-26
获取时间戳,猜数字小游戏,随机点名,倒计时案例原创 2021-08-26 15:26:24 · 38 阅读 · 0 评论 -
JS对象和构造函数
这篇文章介绍了创建对象的三种方法以及构造函数(new的使用,遍历对象,内置对象,随机点名案例,猜数字小游戏,日期对象的使用)原创 2021-08-26 15:02:14 · 162 阅读 · 0 评论 -
函数的两种声明方式和变量作用域以及封装
这里面主要记录了函数的两种声明方式和变量作用域以及封装案例原创 2021-08-25 17:10:07 · 54 阅读 · 0 评论 -
逻辑与/逻辑或
介绍了逻辑与和逻辑或短路运算、运算符优先级和一点书在算术运算里的问题原创 2021-08-11 14:23:13 · 63 阅读 · 0 评论 -
JS数据类型及转换
介绍了字符串转义符、获取字符串长度、字符串拼接和类型转换原创 2021-08-11 08:19:42 · 110 阅读 · 0 评论 -
JS的输入输出和变量的命名规则
JS的输入输出和变量的声明赋值初始化原创 2021-08-11 07:22:53 · 159 阅读 · 0 评论 -
JS的三种引用方式
这篇文章介绍了JS的三种引用方式原创 2021-08-11 06:47:49 · 277 阅读 · 0 评论