C__Two的博客

原型原型链总结

C__Two — Tue, 07 Jul 2020 22:37:11 +0800

原型原型是函数特有的，构造函数制造出对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。我们先写一个构造函数 function Person() { } var person = new Person(); person.name = 'luoxi'; console.log(person.name) // luoxi 在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。 prototype 每个函数都有一个 prototype 属性，

js数组迭代方法

C__Two — Tue, 07 Jul 2020 22:24:59 +0800

forEach( )作用是遍历数组；参数作为回调函数回参一：数组元素 item 回参二：数组索引值 index var arr = [2,3,4,5,6,7]; arr.forEach(function(item,index){ console.log(index,'----'); console.log(item) } filter( ) 过滤返回过滤后新数组回参一：数组元素 item 回参二：数组索引值 index return：返回满足条件的元素 var arr

改变this指向

C__Two — Fri, 03 Jul 2020 22:52:57 +0800

js中 this可以被call()、apply()、bind()()改变指向它们本身可以产生同样的效果，但还是有些许区别 call() // 改变funcion函数中this 指向,并触发函数 // 参一，指定this 指向的对象 // 参二~参N: 给调用函数 foo 传入实参 foo.call(a,'我就是我，一个独立花朵',12) apply() // apply:改变funcion函数中this 指指向,触发

this指向规律总结

C__Two — Fri, 03 Jul 2020 22:30:54 +0800

this是状态机，是动态变化的对象，随着作用域的改变而改变 this伴随着作用域的产生而产生一、首先看this在哪个作用域下，在全局中 this一律指向window var name = 'aa' function fn(){ var name = 'bb' console.log(this.name) //bb fn的作用域是在全局中所以指向window } fn() 二、在函数体中需要分情况用n

git常用命令

C__Two — Wed, 01 Jul 2020 19:51:36 +0800

创建git本地仓库 //初始化创建git代码仓库 $ git init //添加指定文件到暂存区 git add 文件名 //添加所有文件到暂存区 git add * //本次提交备注信息 git commit -m ‘备注信息‘ 查看状态 //查看我们跟踪文件的状态，时刻掌握我们的仓库状态 git status //查看具体的修改内容 git diff 查看我们的记录log //查看当前的操作记录 git log //查看下你每次的操作命令，并记录下版本ID编号，再次使用 git reflog

js隐士转化方式及运算

C__Two — Thu, 18 Jun 2020 21:03:47 +0800

只有基本类型的数据下能进行运算所有引用类型的数据,需要运算时候;先需要转化为基本类型数据; 再运算所有引用类型数据只能转化为字符串.最后再由字符串转为其他类型 js数据类型类型分为基本数据类型和复合数据类型（引用数据类型）基本数据类型：String Boolean Number Null Undefined 复合数据类型（引用数据类型）：数组Array 对象Object 函数Function 字符串与Number比较先把字符串转化为number 再进行比较。有字符串，+属于拼接 var

JavaScript运算符分类

C__Two — Tue, 16 Jun 2020 21:35:31 +0800

Javascript运算符分类：算术运算符比较（关系）运算符逻辑运算符赋值运算符连接运算符 1.算术运算符 ‘+’ ：加 ’- ‘ ：减 ’* ‘ ：乘 ’/ ‘ ：除 ’%‘：取余 ’++‘：自增 ’–‘：自减 2.比较运算符 ’ > ‘：大于 ’ < ‘：小于 ’>=‘：大于等于 ’<=‘：小于等于 ’==‘：等于 ’===‘：绝对等于（数值与类型都相等） ’！=‘：不等 ’！==‘：绝对不相等（数值或类型不相等） 3.逻辑运算符 &

margin塌陷

C__Two — Sat, 13 Jun 2020 09:41:00 +0800

什么是margin-top塌陷？ margin-top塌陷是在CSS的盒子模型中出现的一种现象，当父元素包裹着一个子元素的时候，给子元素设置margin-top属性时，此时只是想让子元素的边框距离父元素边框有一段距离，而却出现了父元素的顶端距离body这个边框出现了位移，这就是margin-top塌陷的现象。 margin-top塌陷解决方法给父元素加边框给父元素添加 overflow：hidden 给父元素设置浮动使用伪元素清除浮动给父元素设置display：table 给父元素设置positi

HTML中的元素分类

C__Two — Thu, 11 Jun 2020 20:06:16 +0800

Html中的元素分类 Html元素大致可以分为3类，分别为：块级元素（block），行内元素（inline），行内块元素（inline-block） 1.块级元素（block）常见的块级元素：div，p，form，hr，table，h1…h6，dl，dt，dd，ul，ol，块级元素的特点：默认情况下都会独占一行，按照从上到下的顺序进行流式布局块级元素可以直接设置宽度和高度，元素在不设置宽度的情况下，它的宽度是父元素的100% 遵循盒模型的所有规则，一般作为其他元素的容器（除p标签） 2.行内元素

iphoneX移动端适配问题

C__Two — Mon, 08 Jun 2020 20:14:09 +0800

iphoneX移动端适配问题前言 iPhoneX 取消了物理按键，改为刘海屏，这一改动导致网页出现了适配问题。对于网页而言，顶部刘海部位的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。下面是整理的移动端适配方案，希望对大家有所帮助，处理前后效果如图：适配之前需要了解的新知识安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑