猪猪琰lll-CSDN博客

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

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

2020-11-07 17:04:45 137

原创 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 80

原创 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 186

原创 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 89

原创 2020-10-29 原型继承

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

2020-10-29 19:25:25 75

原创 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();//20obj.fun() 说明是 obj 调用了 fun() 方法，那么 this 就指向 obj ，obj.a 不正是等于 20 么，再看下面个例子var a = 10;var o

2020-10-28 21:59:14 101

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

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

2020-10-26 19:59:52 135

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

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

2020-10-25 13:23:19 167

原创 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 155

原创 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 169 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 359

Yu_Lin1的博客