�落霞孤鹜�-CSDN博客

原创 js基础教程--this的指向

在 JavaScript 中，this是一个关键字，表示当前函数执行时的上下文对象。

2023-11-29 16:54:28 66

原创 js的基础教程--原型继承

原型继承是指通过构造函数的原型属性来实现对象间的继承关系。我们将子构造函数的原型设为父构造函数的实例对象。这样父构造函数的方法和实例都可以让子构造函数的实例对象能够使用。

2023-11-29 16:13:10 79

在 JavaScript 中，每个函数都被创建时都有一个函数原型（Function.prototype）属性，它是一个对象。在 JavaScript 中，函数原型对象是一个对象，它包含了函数的属性和方法。它是使用原型链实现继承的关键部分。函数原型对象有一个 constructor 属性，它指向函数本身。可以通过修改函数原型对象来添加新的属性和方法，从而使所有实例对象都能访问到这些属性和方法。在这个例子中，的属性和方法可以被该函数的所有实例访问，因为它们都共享同一个原型对象。

2023-11-21 16:07:57 77

原创 js基础教程--构造函数

在这个例子中，我们定义了一个Person构造函数，它接受两个参数name和age，并将它们分配给新创建的对象的属性。我们使用new关键字调用构造函数来创建一个新的对象，并将其分配给me变量。总之，new关键字在JavaScript中用于创建新的对象，并在创建对象时对其进行初始化。它可以使用内置构造函数，也可以使用自定义构造函数。在这个语法中，我们使用了Object构造函数来创建一个新的对象。另一个常见的使用情况是使用自定义构造函数来创建一个对象。在JavaScript中，new关键字用于创建一个对象。

2023-11-21 08:57:47 70 1

原创 mouseenter和mouseover的区别

这意味着如果有多个元素嵌套在一起并且绑定了mouseenter和mouseover事件，那么当鼠标从子元素移动到父元素时，只会触发一次mouseenter事件，并不会冒泡到父元素。而mouseover事件会在每个元素上都触发。mouseenter只考虑鼠标是否进入了元素自身，而不考虑鼠标是否进入了元素的子元素。而mouseover则会为鼠标指针进入和离开元素及其子元素触发事件。mouseenter只有在鼠标进入元素时触发，而mouseover在鼠标进入或者在元素内移动时都会触发。

2023-11-21 08:47:56 818 1

原创 js基础教程（第十二堂）--DOM时间

需要注意的是，使用 removeEventListener() 移除事件时，传入的回调函数必须是相同的函数，否则无法移除成功。这是一种更通用的方法，可以用于处理各种类型的事件，包括窗口尺寸事件。这是早期浏览器支持的一种方法，用于处理窗口尺寸变化事件。它的原理是利用事件冒泡机制，在父元素上监听某些事件，然后根据事件目标的不同来执行相应的操作，而不是在每个子元素上绑定事件。上述代码在 ul 元素上监听了 click 事件，然后根据事件目标的标签名判断是否为 li 元素，如果是，则打印出该元素的文本内容。

2023-11-15 20:51:15 53 1

原创 js的基础教程（第十二堂）--DOM树

是指文档对象模型，通过它，可以访问HTML文档的所有元素。DOM树是结构，所谓层级结构是指元素和元素之间的关系：父子，兄弟。

2023-11-14 20:17:27 37 1

原创 js基础教程（第十一堂）--字符串的常用办法

第一个参数表示分隔符或正则表达式，如“|”，则表示依据字符串中的“|”进行分割，找到分隔符后，将其从字符串中删除，若参数是正则表达式，并且加了括号，则不用删除，返回全部组成的数组。第一个参数可以是个正则表达式或字符串形式，第二个参数可以是要替换成的新的字符串或函数（用于创建新子字符串的函数，该函数的返回值作为新字符串进行替换）；该方法接收两个参数，第一个参数是要查找的字符，第二个参数是开始查找的位置，若不传第二个参数，则默认从0开始查找；同样有两个参数，第一个参数表示子字符串，第二个参数是开始查找的位置；

2023-11-09 16:28:57 38 1

原创 js基础教程（第十堂）--日期对象

注意：当我们使用数字格式时，月份是从0开始计算的，因此0才是一月。

2023-11-09 15:00:36 87 1

原创 js基础教程（第九堂）--对象

js的数据类型中引用数据类型包括了：数组、函数、对象对象是属性的无序集合，每个属性存放一个原始值、对象或函数；可以把对象看作无特定顺序的值的数组对象成员：Property、Method。属性（Property）：对象名、属性名。封装对象的数据，表示与对象有关的值；方法（Method）：对象名、方法名。封装对象的行为，表示对象可以执行的行为或可以完成的功能；{ 属性名: 值,属性名: 值,属性名: 值} 若干个键(key)值(value)对。

2023-11-08 17:04:28 22 1

原创 js基础教程（第八堂）-预解析

js的执行过程在一般情况下是从上往下执行的，但是我们可以通过var 或者函数调用将变量或函数的执行顺序进行提升。变量预解析就是把所有的变量声明提升到当前作用域的最前面，但不提升赋值操作。就是把所有的函数声明提升到当前作用域的最前面，但不调用函数。函数预解析也叫函数提升。

2023-11-07 15:06:48 24

原创 js基础教程（第七堂）--函数的封装

/ 声明式function 函数名(参数1 , 参数2, ....){函数封装的语句块// 赋值式let 变量名 = function(参数1 , 参数2, ....){函数封装的语句块。

2023-11-07 14:55:16 37

原创 js基础教程（第六堂）--数组

数组的概念：需要对一组数据进行操作时，可以使用数组语法：使用中括号(推荐)

2023-11-02 17:11:47 16

原创 js基础教程（第五堂）-死循环与跳出死循环

我们在进行页面设计的时候经常需要使用到不断询问的情况，这种情况我们一般通过执行死循环的方式来实现。不管是使用死循环也好还是普通循环，一般我们都需要结束循环。而死循环由于没有限制结束条件，因此我们需要一些特殊的语句去结束循环。while（）的判断为true即可一直循环，因此只需要给予一个非0数字，那么就可以一直为true让while一直循环。只要将for循环里的表达式2为空，即可实现死循环。为while里添加break。

2023-11-01 17:30:27 354 1

原创 js基础教程（第四堂）-循环语句

do-while循环和while的循环差不多，区别是do-while至少会执行一次，哪怕条件不满足，它里面的表达式也会计算。2.执行表达式2，如果表达式2的结果是true，则执行循环体。如果为true则会进入循环，如果为false则会停止循环。首先将条件中的表达式计算出结果，然后判断是否为true。3.循环执行完毕，执行表达式3，然后再回到第二步。for(表达式 1;条件成立时候执行的逻辑。}while(条件)while(条件) {

2023-11-01 17:18:18 35 1

原创 js基础教程（第三堂）-流程控制语句语句

js的语句顺序分为流程顺序语句和流程控制语句，其中如果没有特殊情况的语句都是流程顺序语句，会从上到下依次执行，而流程控制语句会根据条件的满足与否再决定是否执行。

2023-10-31 18:39:33 33 1

原创 js基础教程（第二堂）

而字符串参与的减法运算会将字符串数字转换成数字。逻辑与（&&）、逻辑或（||）、逻辑非（！常用算术运算符是数学中的基本四则预算符。===为严格等于，要求类型与内容都相同。x++与++x是自加相当于x=x+1。注意：字符串参与的加法实际上是拼接。x++与++x的区别在于赋值运算中。==为不严格等于，只要类型相同即可。注意：==与===的区别。逻辑运算的特殊值判断。

2023-10-31 17:28:09 25 1

原创 js的基础教程（第一堂）

内嵌式：在靠近body结束标签的地方使用<script>标签，在<script>标签内写所要用到的js代码。外链式:新建一个js文件去写js代码，之后在利用script标签的src属性去引入js。行内式：直接在在标签内写出互动功能，与css的行内样式差不多。注意：引入外链接js的script标签内的内容会被忽略。（1）let 不允许重复定义，不具有变量提升。1.可以使用数字、中文、字母、_、$进行命名。（2）let 定义的变量具有块级作用域。6、小驼峰命名法（在多个单词组成的）2、不可以以数字开头。

2023-10-30 18:17:29 32 1

qq_66442729的博客