Javascript
文章平均质量分 95
Javascript笔记
Kiwi23333
好好睡觉
展开
-
JS高级(四)- 深浅拷贝、异常处理、处理this、防抖节流md
都可以改变函数内部的this指向call和apply会调用函数,并且改变函数内部this指向.call和apply传递的参数不一样,call传递参数aru1,aru2…形式 apply必须数组形式[arg]bind 不会调用函数,可以改变函数内部this指向.call 调用函数并且可以传递参数apply经常跟数组有关系.比如借助于数学对象实现数组最大值最小值bind 不调用函数,但是还想改变this指向.比如改变定时器内部的this指向.原创 2024-02-11 14:52:39 · 544 阅读 · 0 评论 -
JS高级(二)-深入对象、内置构造函数、综合案例
的数据类型有 6 种,分别是字符串、数值、布尔、undefined、null 和 对象,常见的对象类型数据包括数组和普通对象。之所以具有对象特征的原因是字符串、数值、布尔类型数据是 JavaScript 底层使用 Object 构造函数“包装”来的,被称为包装类型。在 JavaScript 内置了一些构造函数,绝大部的数据处理都是基于这些构造函数实现的,JavaScript 基础阶段学习的。查找元素, 返回符合测试条件的第一个数组元素值,如果没有符合条件的则返回 undefined(重点)原创 2024-02-02 21:55:20 · 1634 阅读 · 0 评论 -
JS高级(一)-作用域、函数进阶、解构赋值、综合案例
JavaScript 中的作用域是程序被执行时的底层机制,了解这一机制有助于规范代码书写习惯,避免因作用域导致的语法错误。知道函数参数默认值、动态参数、剩余参数的使用细节,提升函数应用的灵活度,知道箭头函数的语法及与普通函数的差异。解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值,分为数组解构、对象解构两大类型。箭头函数是一种声明函数的简洁语法,它与普通函数并无本质的区别,差异性更多体现在语法格式上。如下图所示,父子关系的作用域关联在一起形成了链状的结构,作用域链的名字也由此而来。原创 2024-01-31 16:30:13 · 912 阅读 · 0 评论 -
案例-轮播图
案例-轮播图原创 2024-01-29 15:21:42 · 876 阅读 · 0 评论 -
ES6笔记
简单来说,想知道箭头函数中的this指向谁,就看这个箭头函数外边有没有包裹函数,如果它外面有函数,那么this指向的就是外层包裹函数的this,如果没有包裹函数,this指向的就是window。但是如果我把监听事件里的函数写成箭头函数,this的绑定就消失了,此时this指向的是外层包裹函数的this,也就是drop函数里的this,也就是Dj对象,这样的话就可以找到dance方法了。这完全不像 Generator 函数,需要调用next方法,或者用co模块,才能真正执行,得到最后结果。原创 2023-10-11 09:31:23 · 59 阅读 · 1 评论 -
Javascript(一):变量,数据类型
白话:变量就是一个装东西的盒子。通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。我们通常会实现3种方式的转换:①转换为字符串类型②转换为数字型③转换为布尔型。原创 2023-09-18 12:50:59 · 118 阅读 · 1 评论 -
JavaScript(二):运算符、流程控制
概念:算术运算使用的符号,用于执行两个变量或值的算术运算。如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减(–)运算符来完成。在JavaScript中,递增(++)和递减(–)既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果。原创 2023-09-19 19:36:46 · 60 阅读 · 0 评论 -
Javascript(三):循环、数组
循环。原创 2023-09-22 20:56:35 · 72 阅读 · 0 评论 -
Javascript(四):作用域、JS预解析、对象
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。1.JavaScript作用域:就是代码名字(变量)在某个范围内起作用和效果目的是为了提高程序的可靠性更重要的是减少命名冲突2.js的作用域(es6)之前:全局作用域局部作用域3.全局作用域:整个script标签或者是一个单独的js文件。原创 2024-01-28 17:18:00 · 771 阅读 · 0 评论 -
Javascript(五):内置对象、简单数据类型和复杂数据类型
Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用Math中的成员。Math.PI//圆周率Math.floor() //向下取整Math.ceil() //向上取整Math.round() //四舍五入版就近取整注意-3.5结果是-3Math.abs ( ) //绝对值Math.max()/Math.min() //求最大和最小值//1.绝对值方法//1//1//隐式转换会把字符串型-1转换为数字型。原创 2023-09-27 13:22:30 · 47 阅读 · 1 评论 -
Javascript(六):Web Apis、DOM、事件高级
文档对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构和样式。###1.2 DOM树·文档:一个页面就是一个文档,DOM中使用document表示·元素:页面中的所有标签都是元素,DOM中使用element表示·节点:网页中的所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示。原创 2023-10-03 16:37:25 · 105 阅读 · 1 评论 -
Javascript(七):BOM、PC网页特效
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape览器标准的一部分。DOM①文档对象模型②DOM就是把[文档]当做一个[对象]来看待③DOM的顶级对象是document④DOM主要学习的是操作页面元素。原创 2023-10-06 11:53:06 · 60 阅读 · 1 评论