- 博客(24)
- 收藏
- 关注
RSS订阅
原创 对象方法 - Object
⑷、toString()：转为字符串，注：每个对象中都有一个toString方法，转换的结果跟当前Object原型中的toString方法不一致。⑴、assign(o1,o2)：将o2对象中的内容，拷贝到o1对象中，并可以返回一个新对象；freeze()：用于冻结一个对象，让对象不能新增、不能修改、不能删除、不能整改原型对象，不能改属性的特性。hasOwn()：判断一个属性是否属于某个对象，而不是被继承来的。注：如果对象中的值，也是一个对象，里面的小对象是没有被冻结的，也就说这种冻结只是浅冻结。
2023-05-03 16:32:07
77
原创 class类介绍
①、静态属性- class 本身的属性，即直接定义在类内部的属性，不需要实例化。③、实例属性：定义在实例对象（ this ）上的属性。②、公共属性(原型属性)，所以需要先定义再使用。
2023-04-16 19:55:16
61
原创 面向对象的介绍
⑴、构造函数名，首字母大写⑵、函数中的this，代表当前实例对象⑶、使用构造函数创建对象时，必须要和new关键字一起使用；如果不和new关键字一起使用， 则代表普通函数调用⑷、构造函数中最好不要书写return；因为return 返回基本类型的值没有任何意义；return返回复 杂类型的值时，那么构造函数则没有意义⑸、在实例对象时，如果构造函数中没有参数时，可以省略()不写每当实例对象时，都会执行构造函数中所有代码，如果该函数中有方法，那么就需要开辟空间来存储该方法体；
2023-04-16 19:42:05
77
原创 懒加载和预加载
懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。⑵ 懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。⑴ 两者主要区别是一个是提前加载，一个是迟缓甚至不加载。3、防止并发加载的资源过多会阻塞js的加载。2、减少无效的资源浪费。1、能提升用户的体验。
2023-04-16 17:07:58
189
原创 ES5和ES6
Map 是一个构造函数，用来生成 Map 数据结构，它类似于对象，也是键值对的集合，但是“键”可以是非字符串， 初始化 Map 需要一个二维数组，或者直接初始化一个空的 Map。3、数组方法之 filter - 是将数组遍历一遍，按照我们的要求把数数组中符合的内容过滤出来。在数据传输流程中，JSON是以文本即字符串的形式传递的，而JS操作的是JSON对象。1、let 声明的变量的值可以改变，const 声明的变量的值不可以改变。概念：当定义对象时，如果里面的属性名和属性值一样，那么可以省略属性值不写。
2023-04-09 22:30:46
110
原创 正则表达式
2、exec - 是把字符串中符合条件的内容捕获出来，找不到就返回null。3、replace - 是将字符串中满足正则条件的字符串替换掉。1、test - 是用来检测字符串是否符合我们正则的标准。2、match - 找到字符串中符合正则条件的内容返回。语法： 字符串.replace(正则，要替换的字符串)语法： 正则.test(字符串) - 返回布尔值。语法： 字符串.search(正则)语法： 字符串.match(正则)语法： 正则.exec(字符串)返回值 ： 替换后的字符串。
2023-04-09 21:16:49
80
原创 事件传播&阻止事件冒泡&事件委托&阻止默认行为
默认情况下，当触发当前元素对象中的事件，该元素的结构父级中如果也有相同类型事件，同样会被触发1、只会传播相同类型的事件2、从当前元素逐层向上传播3、当前元素中如果没有该事件，也同样会触发该元素结构父级中的事件冒泡：从内而外，从当前元素开始，逐层向上执行，直到最顶层的window对象捕获：从外到内，从window对象开始，逐层向下执行，直到当前元素目标：当前元素注：在执行时，事件捕获的优先级高于事件冒泡。
2023-04-09 19:39:16
280
原创 DOM（下）
当我们需要大量 appendChild 页面元素时，可以先将这些元素 appendChild到document.createDocumentFragment，然后只需 appendChild 文档碎片到页面就可以了。这样就不用多次刷新页面达到性能优化的目的。
2023-04-09 18:55:30
41
原创 this指向&改变this指向
2、使用对象.函数名()的方式，来调用函数时；函数中的this代表.前面的对象。1、直接使用函数名()调用函数时，this代表window对象。4、自执行函数中的this，代表window对象。3、定时器中的this，代表window对象。5、事件绑定中的this，代表.前面的事件源。
2023-04-09 18:17:06
32
原创 事件对象 & 事件监听
1、就是当你触发了一个事件以后，对该事件的一些描述信息2、每一个事件都会有一个对应的对象来描述这些信息，我们就把这个对象叫做事件对象3、浏览器给了我们一个黑盒子，叫做，就是对事件信息的所有描述。
2023-04-06 16:43:08
84
原创 ES5的严格模式
为未来新版本的JavaScript做好铺垫。进入"严格模式"的标志："use strict";- 消除JavaScript语法的一些不合理、不严谨之处，减少一些怪异行为;想开启严格模式，直接在代码最开始的位置写上字符串 use strict。- 消除代码运行的一些不安全之处，保证代码运行的安全；3、声明式函数调用的时候函数内部没有 this。- 提高编译器效率，增加运行速度；1、声明变量必须有 var 关键字。2、函数的行参不可以重复。
2023-04-01 11:31:38
62
原创 数组 & 冒泡排序 & 选择排序
4、lastIndexOf(item,index)：从指定下标开始，从右往左查找元素在数组中是否存在，如果存在，则 返回最后一次出现的位置；3、indexOf(item,index)：从指定的下标开始，从左往右查找元素在数组中是否存在，如果存在，则返 回第一次出现的位置；8、find()：查找数组中是否有满足条件的元素，如果有，则返回第一次满足条件的元素；9、findIndex()：查找数组中是否有满足条件的元素，如果有，则返回第一次满足条件的元素下标；3、filter()：过滤数组元素，返回一个新数组。
2023-04-01 11:23:21
56
原创 数据类型&栈和堆
2、引用数据类型之间的赋值，是拷贝引用地址，赋值给另一个变量，那么其中一个变量去改变了内存中的内容时，另一个变量的值也同样发生改变。1、基本数据类型之间的赋值，是拷贝一份内容，直接赋值给另一个变量，如果另一个变量的值发生改变时，不会影响原来的变量。2、引用数据类型传递的是引用地址，因此在函数中如果内容发生改变，那么函数外的内容也同样发生变化。1、基本数据类型传递的是拷贝对象，因此在函数中如果内容发生改变，也不会影响函数外面的变量。2、引用数据类型则是引用地址之间的比较。1、基本数据类型是值和值之间的比较。
2023-04-01 10:55:35
75
原创 BOM && DOM（上）
Document对象是DOM中的核心对象，是浏览器生成，专门用来操作文档使用。querySelector()：根据选择器来获取页面中第一个满足条件的内容，返回一个被获取的元素对象。querySelectorAll()：根据选择器来获取页面中所有满足条件的内容，返回一个伪数组。*如果获取的是一个伪数组时，需要单独把数组中的元素对象提取出来，然后在进行操作。只能给当前对象一个一个设置样式，但是在标签原有的行内样式上追加新的样式。专门用来操作HTML文件中的内容(标签，属性，文本等)对象.style.样式。
2023-04-01 10:12:20
46
原创 Math & Date & 定时器 & 同步异步
间隔定时器 -每间隔多少时间就执行一次函数语法： setInterval(要执行的函数，间隔多少时间)console.log('我执行了')}, 1000)只要不关闭，会一直执行返回值是，当前这个定时器是页面中的第几个定时器倒计时定时器 - 倒计时多少时间以后执行函数语法： setTimeout(要执行的函数，多长时间以后执行)会在你设定的时间以后，执行函数console.log('我执行了')}, 1000)
2023-03-30 17:45:58
125
原创 字符串的介绍
/ 找到o字符在str中最后一次出现的位置// 8var s = str.lastIndexOf('o',7) // 将下标7当做字符串末尾，查找字符o在字符串中最后一次出现的下标console.log(s) // -1 - 找不到就返回-1。
2023-03-29 14:04:39
45
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人