日志(2022.3.10—css里面的一些东西+原型)

今天的目标是打算系统看css的一部分，和原型的相关知识。
首先看了一下vue中父子组件的生命周期的执行顺序

 

 

下面是css的一些东西 

box-sizing：border-box的时候
width=content-width + padding-left + padding-right + border-left-width + border-right-width

当为content-box时
width=content-width


盒子是inline-block的时候并且用多个，会有间隙，这个间隙的原因是行内块元素后面会有空格符。
如下面






BFC：指一个独立封闭的渲染区域，所有元素根据自身的布局特性排列。每个盒子都是独立封闭的存在。用overflow：auto可以创建BFC元素，可以识别浮动元素。

auto：指分配完大小后，剩余的内容文档流：页面元素存放的容器

父元素塌陷是因为有浮动的原因，解决：父元素添加浮动，设成BFC元素，（overflow：auto），用clearfix的原理就是在父元素后面加一个尺寸为0的块级元素，用clear：both，换行显示。



伪类和伪元素：伪类是处于DOM树无法描述的状态才能添加（hover）；伪元素：不在DOM树的元素，添加样式（：：before）
 

 

 

关于原型，当new一个函数a的时候，会创造一个实例对象b，如果读取某个数据，就要从它的原型对象寻找，b.__proto__指向a的原型对象，原型对象里面有constructor，还有一些数据，__propto__，constructor就是构造函数a，若a的原型对象上再寻找不到，则去原型对象的__proto__指向的原型对象寻找，若最后寻找不到则是null。此外，函数的__proto__指向函数本身的原型对象，其原型对象的__proto__指向Object的原型对象，Object的原型对象上的__proto__指向null。

        之后公司里面的导师，给我看了一道题目，给难住了，不知道为什么是那样。

 之后会将此道题目弄明白。