2020-08-19

BFC(块级格式上下文)的笔记QAQ

95.什么是BFC: 块级格式化上下文
96.BFC是一套规则,用来管理块级盒子 其它的规则如IFC,各大浏览器不统一
97.BFC  1块级盒子独占一行 2浮动的盒子不会与相邻的盒子重叠
内部的盒子会在垂直方向,一个接一个放置
BFC的区域不会与float    box重叠
3 同一个BFC下,两个相同的margin会产生重叠
BFC盒子的垂直方向的距离由margin决定,属于同一个BFC下的两个相邻BOX的margin会重叠,比如(html下的两个相邻的盒子,同时设置了相同的margin,margin只会用其中一个)
4 计算BFC高度时，浮动元素也参与计算
BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响外面的元素,反正也如此
98.CSS3第一个为布局而生的属性 flex
99.浮动提升的层级只提半层
100.margin决定了元素的边界 padding不能
101.清除浮动:让浮动的子元素可以撑开它的父级
102.写页面的一个规范经验:高度能定死就定死
103.BFC 5条规则
1块级盒子独占一行 
2浮动的盒子不会与相邻的盒子重叠
3 同一个BFC下,两个相同的margin会产生重叠
4 计算BFC高度时，浮动元素也参与计算
5 BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响外面的元素,反正也如此
104.强制类型转换中,ToNumber()中如果你要转换的变量是引用数据类型,引用数据类型会执行toPrimitive()的转换,先执行valueOf()然后执行toString()，在根据String的情况转换成数字,数字包括NaN，比如让[1,2,3,4]去转换。
105.foreach循环不能终止或者跳过,也就是break continue会报错
106.forin循环会遍历出所有枚举属性,包括原型链上的
107.JS中class类的定义不同于function,不会自动提升