css之六个为什么---关于性能关于习惯
来源:互联网
二、关于图片属性with和height是否多余?
在我们实际的运用中,相对有经验点的前端在img的外部都会有相对的包裹也就是parent box来限制图片的宽高,避免二B的产品传错图片搞乱整个页面布局,处理这个问题的方法每个前端可能都不同有的是定义父级的宽高然后在进行overflow:hidden;而有的可能是直接继承或者给图片类来设置死图片的高宽,那这个时候问题来了,我们这里已经对图片做了诸多针对二B的保护措施,那图片的这个2个属性是否多余了?NO,在这里我们首先必须肯定前辈们设置的每个属性标签都是有它存在的价值和经过诸多考虑的(当然随着互联网的发展,废去的诸多标签属性,并不是前辈考虑不周而且互联网进步实在太快了),在css 的渲染过程中,它是逐一渲染堆叠的(和叠沙楼一样先渲染完前面的才继续往下渲染),而在这个堆叠渲染的过程中当已渲染元素的宽高等layout改变时会重新回头开始渲染(这也就是所谓的回流),而在页面加载过程中从html的读入到css的渲染,图片加载总是会慢人一步(很多情况下css读写完毕后图片可能还并未加载出来),因此指定的所有图像的宽度和高度可以通过消除不必要的回流与重绘需要更快的渲染,当然对于父级已经固定宽度的行为这里img的属性也就相对没有那么重要了。 在我们实际的运用中,相对有经验点的前端在img