css优先级: !important>行间样式> ID选择器>属性选择器&&伪类选择器>类选择器>元素选择器
css important 行间样式 id选择 属性type伪类:before 类class 元素span
http缓存
vue中的key有什么作用。
key会用在虚拟DOM算法(diff算法)中,用来辨别新旧节点。- 不带
key的时候会最大限度减少元素的变动,尽可能用相同元素。(就地复用) - 带
key的时候,会基于相同的key来进行排列。(相同的复用) - 带
key还能触发过渡效果,以及触发组件的生命周期
key辨别新旧节点,diff算法,最大限度减少元素的变动,尽可能复用
keepalive 组件缓存,actived deactived,a组件
被keep-alive包裹的组件有 activated 和 deactivated 两个生命周期。如<keep-alive>包裹两个组件:组件A和组件B。当第一次切换到组件A时,组件A的created和activated生命周期函数都会被执行,切换到组件B,这时组件A的deactivated的生命周期函数会被触发;在切换回组件A,组件A的activated生命周期函数会被触发,但是它的created生命周期函数不会被触发了。
keepalive组件 activated和deactived 生命周期,keepalive两个组件,组件a和组件b,当第一次切换到zujiana组件a,组件的a的created和activated生命周期函数会被执行,切换到b组件,这时候组件的deactived生命周期函数会被触发,在切换回组件a,组件a的activated生命周期函数会被触发,但是它的created生命周期函数不会被触发。
undefined null boolean number string
标准模型,给盒设置 width 和 height,实际设置的是 content box。padding 和 border 再加上设置的宽高一起决定整个盒子的大小。标准盒子contenwidthpaddingborder
Undefined、Null、Boolean、Number、String
undefined null boolean number string