自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 -关于继承

2、 借用函数继承:通过借用函数,可以在子构造函数中,执行父构造函数中的代码,将父构造函数中的属性添加在子构造函数中。4、es6中类的继承语法:class 子类 extends 父类{ } - 一边定义子类,一边继承父类。3、混合继承:为了解决原型继承和借用函数继承的弊端,可以将这两种继承方式都使用上。1、原型继承:通过修改对象的原型,让对象能拥有其他对象的属性和方法。:一个对象希望能用到另一个对象的属性和方法,继承另一个对象。借用函数继承,只能继承属性,无法继承原型中的方法。语法:class 类{}

2023-04-11 16:19:12 114

原创 -关于闭包

4、函数柯里化:如果一个函数调用传递了多个实参,函数定义就需要多个形参来接收。函数柯里化,就是让函数不接收全部的实参,只接收部分参数,然后在函数内再次返回一个小函数,来接收剩余部分的参数,让函数整个运行流程,可以分多个步骤执行。:事件在频繁触发时,不是每次触发都会执行函数,让函数有节制的执行。闭包:是由于作用域嵌套,让全局变量和局部的引用类型数据保持了引用关系,导致执行空间不销毁的场景。:在有些事件触发特别频繁的时候,但我们只用其中最后一次的时候,使用防抖。2、保护了变量的私有性,不污染全局了。

2023-04-11 15:49:58 121

原创 Object方法

语法:Object.create(原型, 设置属性的对象) - 返回对象。当对象属性的值被修改时,可以监视到,访问对象属性的值的时候,可以监视到。改变页面内容 - 对象的值就改变。对象的值改变了 - 页面内容改变。

2023-04-10 14:00:43 119

原创 Object原型方法

enumerable: false, -- 这个属性不可以被遍历。enumerable: 布尔值, -- 这个属性是否可以遍历。writable: false, -- 这个属性不可以设置。configurable: 布尔值 -- 属性是否可删除。writable: 布尔值, -- 这个属性是否可设置。- 属于Object构造函数的方法 - 用于给对象设置属性的。属性名: { --对象的描述符 - 给某个属性设置特性。- -判断一个对象是否在另一个对象的原型链上。用于查看对象的具体的值--

2023-04-10 12:08:37 127

原创 js节点操作

将新的子标签插入到某个旧的子标签前面:父.insertBefore(新的子标签, 旧的子标签)获取所有子标签节点: 父.children 获取到的是一个所有子标签组成的伪数组。使用新的子标签替换掉旧的子标签:父.removeChild(新的子标签, 旧的子标签)获取上一个兄弟标签节点:标签.previousElementSibling。父标签将指定的子标签删除:父.removeChild(子标签)给父标签追加子标签:父.appendChild(子标签对象)标签.cloneNode(true)

2023-03-29 20:24:20 129

原创 js属性操作&页面卷去的距离

元素.getAttribute(属性名);元素.removeAttribute(属性名);语法:document.documentElement.scrollTop。元素.setAttribute(属性名,属性值) # 设置元素的属性。console.log(元素.属性名);元素.属性名 = 值;

2023-03-29 20:18:02 185

原创 js属性,样式,类名操作

获取样式 - window.getComputedStyle(标签) - 返回一个有所有样式键值对组成的一个对象。设置样式 - 标签.style.css的键 = 'css的值' - 设置在行内。设置属性 - 标签.setAttribute('属性名', '属性值')删除属性 - 标签.removeAttribute('属性名')属性获取 - 标签.getAttribute('属性名')标签的属性 - <标签 键=值> - 长在标签上的键值对。获取标签类名 标签.className。

2023-03-23 19:12:53 364

原创 DOM:document object model -文档对象模型

获取到的标签 - 是一个对象 - console.log只能看到标签 - 想看到对象使用console.dir。标签.innerHTML - 可以获取带标签的内容/设置带标签的内容。dom中元素的特性:console.log输出的时候都是标签的样子,不是对象的样子。坑1:操作内容,必须是 具体的 标签.属性 来操作,不能是 集合.属性 操作。获取标签 最重要的获取方式 - 最常用的 - 前端攻城狮通用的。表单标签.value - 可以设置/可获取。获取带有标签的内容 - 标签.innerHTML。

2023-03-23 17:56:35 99

原创 JS 定时器

html

2023-03-23 17:41:54 83

原创 window事件

前端

2023-03-23 17:34:22 172

原创 BOM浏览器模型(BOM:Browser Object Model)

1.href - 获取整个地址url或设置整个地址url(跳转) console.log( location.href );var str = '我爱你' console.log( encodeURI(str) );我们获取到的是经过url编码的数据 - 默认情况下,地址栏中的url会自动进行url编码。2.search - 获取/设置 整个url中的数据部分。3.hash - 获取/设置 - 整个地址中的锚点。编码 - encodeURI(要编码的数据)在操作的时候可以省略window。

2023-03-23 17:24:54 116

原创 时间日期对象

用毫秒数来描述当前时间的 - 1970年1月1日0点0分0秒到此时走过的毫秒数。js内部提供了一个函数,用于创建时间日期对象 - Date。所有时间日期相关操作都需要通过这个时间日期对象进行。格式化 - 让时间日期对线输出的时候变得更好识别。默认new Date得到的是当前的时间日期对象。使用0~11来描述1~12月。

2023-03-22 21:38:15 129

原创 Math数学操作类方法

Math.sin(弧度) - 弧度 = 角度 * π / 180。- Math.floor(数字) - 获取比这个小数小的第一个整数。- Math.ceil(数字) - 获取比这个小数大的第一个整数。- Math.pow(底数, 幂)- Math.max(多个数字)- Math.min(多个数字)- Math.round(数字)- Math.abs(数字)- Math.sqrt(数字)- Math.cos(弧度)需要包0不包10的随机整数。求包20不包100的整数。

2023-03-22 17:36:01 124

原创 数组的定义和使用

语法:数组.splice(开始下标, 要删除的元素个数, 在删除位置要放进去的1个或多个元素) - 返回所有被删除的元素组成的数组。findIndex:从数组中找到满足条件的第一个元素的下标 - 找到就返回下标,找不到就返回-1。语法:数组.slice(开始下标, 结束下标) - 返回截取出来的那一部分组成的数组。语法:数组.lastIndexOf(元素) - 找到了就返回下标,找不到返回-1。语法:数组.concat(1个或多个元素或数组) - 返回更大的新数组。

2023-03-21 16:06:31 220 1

空空如也

空空如也

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

TA关注的人

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