JavaScript 对象原型、原型继承、原型链

1.对象原型对象都会有一个属性__proto__指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有__proto__原型的存在。注意:__proto__是JS非标准属性[[prototype]]和__proto__意义相......

  李庆林
  2023-09-30 21:50:08
14
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 编程思想、原型、constructor

1.编程思想面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。面向对象编程具有灵活、代码可复用、容易维护和开发......

  李庆林
  2023-09-28 18:58:38
17
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 基本包装类型、引用类型(Object、Array、String、Number)

1.内置构造函数在JavaScript中最主要的数据类型有6种:基本数据类型:字符串、数值、布尔、undefined、null引用类型:对象但是,我们会发现有些特殊情况://普通字符串conststr='andy'console.log(str.length)//4其实字符串、数......

  李庆林
  2023-09-24 20:05:04
38
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 构造函数、实例成员、静态成员

1.创建对象三种方式1.利用对象字面量创建对象consto={name:'佩奇'}2.利用newObject创建对象consto=newObject({name:'佩奇'})console.log(o)3.利用构造函数创建对象2.构造函数构造函数:是一种特殊的函数,主......

  李庆林
  2023-09-24 18:57:31
31
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 遍历数组 forEach 方法、筛选数组 filter 方法

1.遍历数组forEach方法(重点)forEach()方法用于调用数组的每个元素,并将元素传递给回调函数主要使用场景:遍历数组的每个元素语法:被遍历的数组.forEach(function(当前数组元素,当前元素索引号){//函数体});例如:constarr=['pink',&#......

  李庆林
  2023-09-24 16:27:06
35
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 数组解构、对象解构

1.解构赋值constarr=[100,60,80]console.log(arr[0])//最大值console.log(arr[1])//最小值console.log(arr[2])//平均值constarr=[100,60,80]constmax=arr[0]constmin=arr[1]co......

  李庆林
  2023-09-23 18:24:29
33
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 箭头函数

目的:引入箭头函数的目的是更简短的函数写法并且不绑定this,箭头函数的语法比函数表达式更简洁使用场景:箭头函数更适用于那些本来需要匿名函数的地方1.基本写法语法1:基本写法//普通函数constfn=function(){console.log('我是普通函数')}fn()//箭头......

  李庆林
  2023-09-22 23:47:56
30
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 函数参数进阶(动态参数、剩余参数)、展开运算符

1.函数参数进阶动态参数arguments是函数内部内置的伪数组变量,它包含了调用函数时传入的所有实参//求生函数,计算所有参数的和functionsum(){//console.log(arguments)lets=0for(leti=0;i<arguments.length;i++){s+......

  李庆林
  2023-09-20 22:51:11
39
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 闭包、变量提升、函数提升

1.闭包概念:一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域简单理解:闭包=内层函数+外层函数的变量先看个简单的代码:functionouter(){consta=1functionf(){console.log(a)}f()}outer()闭包的基本格式functionou......

  李庆林
  2023-09-20 22:03:37
33
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 作用域和作用域链、垃圾回收机制

1.作用域1.1局部作用域局部作用域分为函数作用域和块作用域。函数作用域在函数内部声明的变量只能在函数内部被访问,外部无法直接访问functiongetSum(){//函数内部是函数作用域属于局部变量constnum=19}console.log(num)//此处报错函数外部不能使用局部作用域交量总......

  李庆林
  2023-09-19 23:07:50
45
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 正则表达式

1.什么是正则表达式正则表达式(RegularExpression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式。正则表达式在JavaScript中的使用场景:例如验证表单:用户名表单只能输入英文字......

  李庆林
  2023-09-13 21:19:20
65
浏览
1
喜欢
 
0
评论
0
订阅
JavaScript 数组中的map方法和join方法

1.数组中map方法迭代数组使用场景:map可以遍历数组处理数据,并且返回新的数组constarr=['red','blue','green']constnewArr=arr.map(function(ele,index){console.log(el......

  李庆林
  2023-09-12 21:55:50
65
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript 本地存储 localStorage、sessionStorage

1.本地存储介绍以前我们页面写的数据一刷新页面就没有了,是不是?随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较......

  李庆林
  2023-09-12 21:14:12
63
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript window对象(location对象、navigator对象、history对象)

1.location对象location的数据类型是对象,它拆分并保存了URL地址的各个组成部分常用属性和方法:属性:href属性获取完整的URL地址,对其赋值时用于地址的跳转//可以得到当前文件URL地址console.log(location.href)//可以通过is方式跳转到目标地址loca......

  李庆林
  2023-09-11 23:04:21
71
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript window对象(BOM、延时函数、js执行机制、事件循环)

1.BOMBOM(BrowserObjectModel)是浏览器对象模型window对象是一个全局对象,也可以说是JavaScript中的顶级对象像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。所有通过var定义在全......

  李庆林
  2023-09-10 23:33:13
72
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript M端事件(手机端事件)

移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。触屏事件touch(也称触摸事件),Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件......

  李庆林
  2023-09-08 22:29:47
91
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript DOM节点

1.DOM节点DOM节点DOM树里每一个内容都称之为节点节点类型元素节点所有的标签比如body、divhtml是根节点属性节点所有的属性比如href文本节点所有的文本其他2.查找节点父节点查找:parentNode属性返回最近一级的父节点,找不到返回为null子元素.parentNode子节点查找:......

  李庆林
  2023-09-07 23:46:53
67
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript日期对象

1.实例化在代码中发现了new关键字时,一般将这个操作称为实例化创建一个时间对象并获取时间获得当前时间constdate=newDate()2.日期对象方法constdate=newDate()console.log(date.getFullYear())console.log(date.getMo......

  李庆林
  2023-09-06 23:00:06
57
浏览
0
喜欢
 
0
评论
0
订阅
JavaScript页面加载事件、元素滚动事件、页面尺寸事件、元素尺寸与位置

1.页面加载事件加载外部资源(如图片、外联CSS和JavaScript等)加载完毕时触发的事件为什么要学?有些时候需要等页面资源全部处理完了做一些事情老代码喜欢把script写在head中,这时候直接找dom元素找不到事件名:load监听页面所有资源加载完毕给window添加load事件//页面加载......

  李庆林
  2023-09-04 00:00:47
93
浏览
1
喜欢
 
0
评论
0
订阅
JavaScript事件流、事件捕获、事件冒泡、事件委托

1.事件流和两个阶段说明事件流指的是事件完整执行过程中的流动路径说明:假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段简单来说:捕获阶段是从父到子冒泡阶段是从子到父实际工作都是使用事件冒泡为主2.事件捕获事件捕获概念:从DOM的根元素开始去执行对应的事件(从外到里)事件捕......

  李庆林
  2023-09-02 17:04:56
77
浏览
0
喜欢
 
0
评论
0
订阅