自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 初学第五周

let constvar let const 三者之间的区别var,let定义变量,const定义常量var 可以重复定义 有预解析(具有变量提升)没有块级作用域let 不可以重复定义 没有有预解析 有块级作用域 有暂时性死区const 不可以重复定义 声明后不可以赋值、更新 没有有预解析 有块级作用域 有暂时性死区箭头函数const f2 = ()=>{console.log('我是箭头函数');箭头函数可以简写只有一条return语句,{}和return可以省略。

2023-11-28 20:56:20 752

原创 浅拷贝,深拷贝

方法2:展开运算符 ... //对象和数组都可以拷贝。方法1:Object.assign(目标对象,源对象) //对象和数组都可以拷贝。数组方法 concat slice。缺点 忽略函数、属性值为undefined的属性。利用第三方库Lodash,里边的_.cloneDeep()方法。拷贝的对象和源对象相互有影响(引用类型x)拷贝对象和源对象没有影响。

2023-11-23 18:22:25 58

原创 初学第三周

标记 通过全局 标记所有从全局出发能够访问到的对象,不回收,不能够访问到的对象未被标记,会被回收。JS为我们声明的变量、函数等分配内存,当这些变量、函数、对象的内存不再使用->垃圾。原型继承->儿子的原型指向父构造函数,这样父实例对象的成员就可以实现继承。参数 第一个参数是this指,第二个参数是一个数组,数组里放的是传递给函数的实参。参数 第一个参数是this指,第二个参数开始传递给函数的实参。原型继承->儿子的原型指向父实例对象,这样父实例对象的成员就可以实现继承。延伸变量的作用域、形成独立的作用域。

2023-11-22 19:57:13 49

原创 原型与原型链

3 假如原型对象上也没有,再找原型对象的__proto__ ,一直找到Object.prototype。原型: JS为每个构造函数提供一个属性prototype(原型),它的值是一个对象,prototype也叫原型对象。2 自身没有该成员,通过__proto__找到原型对象,看原型对象上有没有,有就执行。每个对象都有一个__proto__属性,指向原型对象,它与[[Prototype]]等价。constructor属性,原型对象的默认属性,指向原型对象的构造函数。构造函数,原型对象,实例三者的关系。

2023-11-21 15:57:40 44 1

原创 构造函数,数组方法

prev代表上一次函数的返回值(第一次指向第一个元素),current指向下一个元素第一次指向第二个元素(prev有参数时,第一次指向第一个元素)console.log(arr.reverse()) //[7,5,3,2] 直接改变原数组。findIndex() 查找满足条件的第一个元素的索引 找到就返回该元素的索引结束循环,找不到是-1。语法 arr.reduce(function(prev,current,index,arr){})const obj = {键 : 值,}

2023-11-20 19:29:34 122 1

原创 BOM相关内容

history.go(1) ()里可以填正负整数,正数前进,负数后退,数值表示前进后退的步数。sessionStorage.setItem(' ',' ') 存。sessionStorage.removeItem(' ') 删。localStorage.setItem(' ',' ') 存。sessionStorage.getItem(' ') 取。localStorage.getItem(' ') 取。

2023-11-17 12:46:25 59 1

原创 DOM 节点操作

父节点.prepend() // 在父元素的第一个子元素之前添加。元素.childNodes //所有儿子 包括文本节点。通过节点关系查找元素 父亲 1 元素.parentNode。父节点.append() //在末尾添加。元素.previousElementSibling。元素.children //伪数组。父节点.removeChild(子节点)元素.previousSibling。元素.remove()

2023-11-17 12:00:20 44 1

原创 事件

console.log(document.documentElement.scrollTop) // 页面被卷去的尺寸。DOM2级事件 事件源.addEventListener('事件',函数,true/false)offsetLift offsetTop 元素到带定位的祖先元素的距离。事件委托又叫事件委派、事件代理,利用冒泡给祖先元素绑定事件,事件源.removeEventListener('事件名',函数名)将来子元素触发事件,会冒泡到祖先元素。

2023-11-16 18:13:31 50 1

原创 事件,事件绑定,定时器

进行某种操作行为(单击、双击、鼠标移入 ,...键盘按下)页面会做出响应。注意,onclick事件在DOM 2 级事件里写不带on('click', 事件处理程序)事件三要素 1 事件源(谁身上发生了) 2 事件名称(具体行为) 3 事件处理逻辑(当事件行为发生后,导致什么结果)注意,要执行的函数有三种写法,直接写整个函数,写函数名,写'函数名()'元素.addEventListener('事件名称', 事件处理程序)当事件发生后,浏览器会把当前事件相关的信息会封装成一个对象。

2023-11-14 13:45:02 57 1

原创 DOM初识

DOM(Document Object Model——文档对象模型) 是用来呈现以及与任意HTML或 XML文档交互的APIDOM是浏览器提供的一套专门用来操作网页内容的功能作用:开发网页内容特效和实现用户交互什么是DOM树将HTML文档以树状结构直观的表现出来,称之为DOM树描述网页内容关系的名词作用:文档树直观的体现了标签之间的关系DOM对象浏览器根据html标签生产的JS对象所有的标签属性都可以在这个对象上找到修改这个对象的属性会自动映射到标签身上DOM的核心思想。

2023-11-13 19:25:15 41 1

原创 字符串方法

substring() 方法返回该字符串从起始索引到结束索引(不包括)的部分,如果未提供结束索引,则返回到字符串末尾的部分。split() 方法接受一个模式,通过搜索模式将字符串分割成一个有序的子串列表,将这些子串放入一个数组,并返回该数组。trim() 方法会从字符串的两端移除空白字符,并返回一个新的字符串,而不会修改原始字符串。concat() 方法将字符串参数连接到调用的字符串,并返回一个新的字符串。slice() 方法提取字符串的一部分,并将其作为新字符串返回,而不修改原始字符串。

2023-11-09 19:11:07 60 1

原创 对象

Math.random() 产生一个随机数([0,1)) 0

2023-11-08 16:33:13 54 1

原创 函数 初识

let result = add(1, 2) // add(1,2) 调用函数拿到返回值赋值给result。js代码在执行的时候,分为预解析(把var定义变量或函数声明拿到代码最前面)和代码执行。分类: 全局作用域、局部作用域(函数作用域 、块级作用域)第一种形式 (function() { ...})()函数形参相当于函数内部定义的局部变量。{}里定义的变量只能在{}内部使用。(function(){}())3 函数不会自己执行 需要调用它-函数名()作用域-变量或函数的使用有效范围。

2023-11-07 16:44:44 57

原创 数组方法(部分)

增 push unshift。

2023-11-04 10:14:35 77 1

原创 认识 数组

const arr2 = [10,20,30] // 数组arr2有3个元素,元素之间用逗号。const arr6 = new Array(4) // 4表示元素个数。const arr3 = ['1',2,true,5] // 数组元素可以不是同一类型。const arr4 = new Array() //空数组。arr7.length //元素的个数。

2023-11-02 17:09:11 72 1

原创 初学js第3天

执行过程:1 先执行表达式1 2 执行表达式2,表2的结果是true,则执行循环体 3 循环体执行完毕,执行表达式3,然后再回到第二步。在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。continue 和 break 语句之间的区别在于,continue 语句不是“跳出”循环,而是“跳过”循环中的一次迭代。如果出现指定条件,则 continue 语句会中断一次迭代(在循环中),并继续循环中的下一次迭代。在循环中使用 break 语句时,它会中断循环并继续执行循环后的代码。

2023-11-01 19:17:55 89 1

原创 初学js第2天

表达式1的值转布尔类型假如为false,直接返回表达式1的值,此时不会执行表达式2的值。表达式1的值转布尔类型假如为true,直接返回表达式1的值,此时不会执行表达式2的值。判断表达式1的值,转布尔类型假如为false,直接返回表达式1的值。判断表达式1的值,转布尔类型假如为false,直接返回表达式2的值。判断表达式1的值,转布尔类型假如为true,直接返回表达式2的值。判断表达式1的值,转布尔类型假如为true,直接返回表达式1的值。取反!是 "nothing"。

2023-10-31 19:20:30 42 1

原创 初学js第一天

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新——交互式的地图、2D/3D 动画、滚动播放的视频等等。

2023-10-31 11:23:13 66 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除