Web图片资源的加载与渲染时机

2017-07-03
阅读 4 分钟
33.1k
此文研究页面中的图片资源的加载和渲染时机,使得我们能更好的管理图片资源,避免不必要的流量和提高用户体验。 浏览器的工作流程 要研究图片资源的加载和渲染,我们先要了解浏览器的工作原理。以Webkit引擎的工作流程为例: 从上图可看出,浏览器加载一个HTML页面后进行如下操作: 解析HTML —> 构建DOM树 加载样式 —...

Flexbox布局的正确使用姿势

2017-06-26
阅读 7 分钟
17.7k
在项目中,我们还会大量使用到flexbox的新旧属性,但大多数人一般只会写新属性,旧属性交由autoprefixer处理,但其实完成同样功能的新旧属性表现形式却不尽相同。还有部分人只使用“万能”的flex:number属性为伸缩项目分配空间,但有些特殊情景却无法满足,此文为此梳理了flexbox的新旧属性区别和分配空间的原理,为大家用...