展示相同布局,使用控制变量法,对比性能差距
1.
结论:用块级元素模拟行内元素时,会有性能浪费,所以能用行内元素的,就不要使用块元素(能用span就不用div)
2.
结论:行内元素模拟块级元素时,性能基本一致
结论:相同布局下,多余的css布局属性会造成性能浪费
块级元素自带的换行比flex的column性能更高
4.
结论:dom层级越少越好,渲染更快,代码体积更小
5.
结论:给标签加多余类名不会影响性能,但是多余的css会影响渲染性能,具体是布局和样式 计算的时间增加了
可以加给标签加多余类名,但是会影响文件体积的大小,也会影响性能,但是从可维护性的角度来看,未尝不可