随手笔记

CSS

清浮动

clear : both;
overflow: hidden;

BFC (块级格式化上下文):

方法：
1.设置浮动
2.overflow为hidden或auto或scroll
3.display：inline-block或table-cell或table-caption
4.postion：fixd 或者absolute

水平居中

margin: 0 auto ; 左右auto

垂直水平居中

第一种(已知容器宽高)
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
第二种（未知容器宽高）
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
第三种
flex布局
display: flex;
align-items: center; /* 垂直居中 /
justify-content: center; / 水平居中 */

JS

this

在全局函数中this等于window
当函数被当做某个对象的方法调用时，this等于那个对象
匿名函数的执行环境具有全局性，this通常指向window

闭包

通俗:子函数可以用父函数的变量(不严谨)
是函数对象可以通过作用域链相互关系起来函数体内部的变量可以保存在函数作用域内

优缺点
1.函数嵌套函数 有利于封装 变量命名不冲突
2.函数内部可以引用外部的变量和参数
3.参数和变量不会被垃圾回收机制回收

继承

https://www.jianshu.com/p/e94feff96a76

更新

当试图找到一个对象的某个属性的时候，如果对象本身没有这个属性，就会沿着它的原型链查找，会去他的proto中寻找。
它的__proto__即它的构造函数的prototype

Es6

es6的 map() 和 forEach() 区别
Map()返回的数组不会替换掉原数组，可以用新的变量名接收它。forEach则不可以
Filter和map一样产生新的数组，但是filter的return可以设置筛选条件用于数组的筛选。