css优先级

116 阅读2分钟

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的createdactivated生命周期函数都会被执行,切换到组件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

标准模型,给盒设置 widthheight,实际设置的是 content box。paddingborder 再加上设置的宽高一起决定整个盒子的大小。标准盒子contenwidthpaddingborder

UndefinedNullBooleanNumberString

undefined null boolean number string