subtitle
重绘回流与性能优化 重绘回流与性能优化
1. 什么是重绘?重绘:当渲染树中的某些元素需要更新属性时,这些属性只影响元素的外观和样式,而不影响布局操作,例如background-color,我们称此类操作为重绘。 2. 什么是回流?回流也叫重排:当渲染树的部分(或全部)因元素的大小
2021-01-29
\@import和link的区别 \@import和link的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
2021-01-13
z-index不生效的原因 z-index不生效的原因
1.没有设置position属性或属性值为static,z-index只作用于定位元素 2.层叠效果受祖先元素影响,祖先元素z-index值小,当前元素z-index值再大也没有效果 一般情况记住上面两种就可,具体还有结合层叠上下文 主要优
2021-01-05
动画的使用 动画的使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
2020-12-20
overflow属性sticky不生效的原因 overflow属性sticky不生效的原因
问题与分析经过网上的一番搜索,找到了一下原因: sticky不生效原因: overflow:hidden; overflow-x: hidden; overflow-y: hidden; overflow:auto; overflow-x:
2020-12-12
height属性100%不生效 height属性100%不生效
height:100%是生效的,没有达到预期可能是忘记给父盒子有效高度,100%占用的是父盒子的有效高度。 而width:100%也是这样,但是block元素默认width是占满一行,可能会忽略掉这个问题
2020-12-05
7 / 9