png、jpg、gif 这些图片格式解释一下，分别什么时候用？ #

• png：无损压缩，尺寸体积要比 jpg/jpeg 的大，适合做小图标。
• jpg：采用压缩算法，有一点失真，比 png 体积要小，适合做中大图片。
• gif：一般是做动图的。
• webp：同时支持有损或者无损压缩，相同质量的图片，webp 具有更小的体积。兼容 性不是特别好。

在移动端使用 click 事件有 300ms 延迟的问题 #

禁止双击缩放===》meta:user-scalabel=no

base64 跟 svg 的区别 #

• base64：传输 8Bit 字节代码的编码方式，把原本二进制形式转为 64 个字符的单位，最 后组成字符串；base64 是会和 html css 一起下载到浏览器中，减少请求，减少跨域问 题，但是一些低版本不支持，若 base64 体积比原图片大，不利于 css 的加载。
• svg：基于 XML 语法格式的图像格式，可缩放矢量图，其他图像是基于像素的，SVG 是属 于对图像形状的描述，本质是文本文件，体积小，并且不管放大多少倍都不会失真
  • 1.SVG 可直接插入页面中，成为 DOM 一部分，然后用 JS 或 CSS 进行操作 <svg></svg>
  • 2.SVG 可作为文件被引入 <img src="pic.svg" />
  • 3.SVG 可以转为 base64 引入页面