答案基本是自己整理的。并不是全部题目都有。 会有很多自己的啰嗦，还有很多乱七八糟的补充，请见谅。 盒子模型有两种：IE 盒子模型(IE5.5及以下)，W3C标准盒子模型。 内容(content)、填充(padding)、边框(border)、边界(margin) 。 IE盒模型…

对网页加载速度影响最大的就是图片，一张普通的图片可能会有好几 M 的大小，当图片很多时，网页的加载速度变得很缓慢。 为了优化网页性能以及用户体验，我们对图片进行懒加载。 懒加载是一种对网页性能优化的方式，它的原理是优先加载在可视区域内的图片，而不一次性加载所以图片。当浏览器滚动…

最近在做知识体系的复盘，在复盘的时候尽可能的查漏补缺。关于@import和link引入样式的区别网上有很多种说法。大致有如下几种，不过这其中会有我存疑的地方，我们可以一起来探讨一下。 @import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…

Flex（Flexible Box）布局 称为 "弹性布局"，可以为网页的布局提供最大的灵活性，取代了往常的 浮动（float） 布局，并且任何一个容器都可以设置 Flex 布局。