自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 2020-11-07 CSS清除浮动的方法

(新手理解,有不对的地方希望大家指正) 浮动带来的影响 浮动元素不再占用位置,会造成兄弟元素的遮盖问题 子元素浮动之后,可能造成父元素高度坍塌的问题 如何清楚浮动带来的影响 开启BFC清除浮动带来的高度坍塌问题 给父元素设置 overflow:hidden; 或者auto; 给父元素设置 display:flow-root; 给父元素设置 display:inline-block;(这个设置之后,父元素完全由内容撑开,宽度不再是之前的 100%) 给父元素设置 position:absolute; 或

2020-11-07 17:04:45 142

原创 2020-11-04 闭包入门了解

学习笔记,如有欠缺的地方望大家指点 什么是闭包? 我理解的闭包:闭包就是一个可以读取其余函数内部变量的函数。 没有闭包的函数 function fun(){ var a = 10; } console.log(a);//not a defined 总所周知,一般情况下,在函数外部是拿不到函数内部的变量的,那如果我们需要内部变量怎么办? function fun(){ var a = 10; return a; } 通过返回值,我确实可以拿到变量 a 的值,那如果我想拿每次 a 自加的值呢,每当我调

2020-11-04 19:59:35 84

原创 2020-11-03 var与函数的变量提升问题

文章为学习之后的笔记,如有不正确的地方,欢迎大家指正,以作修改 JS执行顺序 因为JS是单线程,所有代码都是从上往下执行,但是在代码执行之前,JS会将整个代码粗略的扫描一遍,低级的语法错误会报错 JS代码中所有通过 var 关键字声明的变量都会被提前拿出来进行定义,但是不赋值 所有的字面量函数整体都会被提前声明 fun(); function fun(){ console.log(a);//undefined } var a = 10; 在以上的代码中,首先 fun() 的调用写在函数声明之前,却可

2020-11-03 19:26:27 190

原创 2020-10-29 类的定义与继承

1、类的定义 1、定义一个类,我们通过 class 关键字创建 定义类我们通常首字母大写 类里面的每个方法之间不需要逗号隔开 类中的 constructor (构造器)在生成实例的时候自动调用,是真正的构造函数 constructor 外部可以理解为绑定在构造函数的原型上 class Star{ constructor(name,age){ this.name = name; this.age = age; } sayHi(){ console.log('大家好,我是' + this.

2020-10-29 20:16:21 108

原创 2020-10-29 原型继承

1、原型(prototype、__proto __) 每个函数在被创建的时候,都会伴随着产生一个原型,如果函数只是作为普通函数调用,原型没有任何作用 当函数以构造函数的形式调用的时候,它所创建的对象中都会由一个隐含的属性(_ proto _ ),指向该构造函数的原型对象 原型对象相当于一个公共区域,所有同一个类的的实例都可以访问,我们就可以把公共的属性和方法放到原型中去 当我们访问一个属性或方法时,他会先在自身中寻找,如果没有,再去原型中寻找 function Person(name){ Person

2020-10-29 19:25:25 77

原创 2020-20-28 JS中的this初识

1、 this 是什么? this 用一句通俗的话讲就是 , 谁调用我 ,this 就是谁,谁最后调用我 ,this 就是谁,用两个例子讲诉 var a = 10; var obj = { a:20, fun:function(){ console.log(this.a); }, }; obj.fun();//20 obj.fun() 说明是 obj 调用了 fun() 方法,那么 this 就指向 obj ,obj.a 不正是等于 20 么,再看下面个例子 var a = 10; var o

2020-10-28 21:59:14 112

原创 2020-10-26 初识堆栈空间与深浅拷贝

当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝。

2020-10-26 19:59:52 155

原创 2020-10-25 Array.reduce() 的用法

1、语法 array.reduce(callback,[initiaValue]); reduce 为数组中的每一个元素执行回调函数,不包括未被赋值的元素。 回调函数中有四个参数 2、回调函数参数 previousValue : 上一次调用返回的值,因为第一次没有返回值,所以第一次默认返回1 currentValue : 当前值,默认从数组下标为 1 的开始 currentIndex : 当前索引,默认从数组下标为 1 的开始 array : 当前数组 var arr = [1,2,3,4,5]; a

2020-10-25 13:23:19 187

原创 2020-10-24 数组遍历方法

遍历就是指把数组中的每一个元素拿到并进行操作 数组都是有下标(索引)的 数组的下标都是从 0 开始 遍历数组通常是通过数组的下标,拿到对应的元素 数组的长度 arr.length (arr是数组名) 1、for循环 最常用的遍历方式 var arr = [1,23,54,21,54,8,7]; for(var i = 0; i < arr.length; i++){// 可以看见数组的长度是 7 ,但是下标是从 0 开始,最大下标是 6 , 所以 i < 长度就可以了 console.l

2020-10-24 13:13:05 157

原创 2020-10-23 构造函数与对象(2)--创建、遍历...

构造函数 通过同一个构造函数创建的对象,我们称为一类对象,也将一个构造函数称为一个类。我们通过一个构造函数创建的对象,称为该类的实例 一、构造函数创建 构造函数模式 function Person(name,age){ this.name = name; this.age = age; this.sayHello = function(){}; } var per1 = new Person('猪八戒',20); 工厂模式创建 function Person(name,age){ var

2020-10-23 17:28:49 177 1

原创 2020-10-22(数组排序、二维数组拍平、多维数组变一维数组、对象创建、构造函数创建)

1、数组排序 var arr = [1,5,3,18,9,7,2]; function sort(arr){ for(i in arr){//遍历数组arr,把所有的值都拿一遍,这里产生的i是一个 //string类型,如果使用i的值,需要进行转换, i = parseInt(i); for(var j = i+1; j < arr.length; j++){//用上面的每一个值与下面 //的每一个值进行比较(这里的每一个值都是上面后面的值) if(arr[i] > ar

2020-10-22 17:02:11 362

空空如也

空空如也

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

TA关注的人

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