css 方案
-
Glamor
-
Cxs
-
Aphrodite
-
Fela
图片处理
- https://github.com/GoogleChromeLabs/squoosh
- https://squoosh.app/
- https://github.com/jakearchibald/svgomg
- https://jakearchibald.github.io/svgomg/
- https://github.com/gregberge/svgr/tree/main/website
待回答面试题
面试题
什么是盒子模型
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4 个部分一起构成了 css 中元素的盒模型。
px 和 em 的区别
px 和 em 都是长度单位，区别是，px 的值是固定的，指定是多少就是多少，计算比较容易。em 得值不是固定的，并且 em 会继承父级元素的字体大小。
浏览器的默认字体高都是 16px。所以未经调整的浏览器都符合: 1em=16px。那么 12px=0.75em, 10px=0.625em