2025.2.26
大数相加、大数相乘
PNG\JPG\WEBP\SVG 从图片纬度区分
PNG（Portable Network Graphics） 1.1 特点 压缩方式：无损压缩，保留图片的完整质量。
颜色支持：支持透明通道（Alpha 通道），适合需要透明背景的图片。
文件大小：文件通常较大，尤其是高分辨率的图片。
1.2 适用场景 需要透明背景的图片：如图标、Logo、UI 元素。
高质量图片：如截图、设计稿。
JPG（Joint Photographic Experts Group） 2.1 特点 压缩方式：有损压缩，图片质量会有所损失。
颜色支持：不支持透明通道。
文件大小：文件较小，适合高压缩比的场景。
2.2 适用场景 照片和复杂图像：如摄影图片、背景图。
不需要透明背景的图片。
2.3 优缺点 优点：
文件较小，加载速度快。
适合色彩丰富的图片。
缺点：
不支持透明背景。
有损压缩可能导致图片质量下降。
WebP 3.1 特点 压缩方式：支持有损和无损压缩。
颜色支持：支持透明通道（Alpha 通道）。
文件大小：文件较小，通常比 PNG 和 JPG 更小。
3.2 适用场景 需要高压缩比的图片：如网页中的图片资源。
需要透明背景的图片。
3.3 优缺点 优点：
文件小，加载速度快。
支持透明背景。
压缩效率高，质量损失较少。
缺点：
兼容性较差（旧版浏览器可能不支持）。
SVG（Scalable Vector Graphics） 4.1 特点 压缩方式：矢量图形，基于 XML 的文本格式。
颜色支持：支持透明通道。
文件大小：文件通常较小，且与分辨率无关。
4.2 适用场景 图标和矢量图形：如 Logo、图标、图表。
需要缩放的图形：如响应式设计中的图形。
本地存储有哪些 本地存储的几种对比
ffmpeg 为什么要用 worker
避免阻塞主线程
提升性能和响应速度
更好的资源管理
优势 说明 避免阻塞主线程 将 FFmpeg 任务放到 Worker 中运行，避免阻塞主线程，提升用户体验。 提升性能 利用多核 CPU 的并行计算能力，提升音视频处理效率。 资源隔离 将内存占用和计算任务隔离到独立线程，降低主线程崩溃的风险。 异步处理 实现 FFmpeg 任务的异步处理，主线程可以继续响应用户操作。
sessionstage localstage 能跨标签吗 本地存储的几种对比
flex:1
flex: ;
flex: 1 1 0;
flex: 1 的具体含义 flex-grow: 1：表示该 Flex 项目会 伸展，占据容器中剩余的空间。
flex-shrink: 1：表示该 Flex 项目会 收缩，以适应容器的空间不足。
flex-basis: 0：表示该 Flex 项目的 初始大小 为 0。
详细解释 2.1 flex-grow: 1 作用：定义 Flex 项目的 伸展能力。
值：一个非负数字，表示项目在容器中占据剩余空间的比例。
示例：
如果所有 Flex 项目的 flex-grow 都为 1，它们会 均分 剩余空间。
如果一个项目的 flex-grow 为 2，另一个为 1，则前者占据的剩余空间是后者的两倍。
2.2 flex-shrink: 1 作用：定义 Flex 项目的 收缩能力。
值：一个非负数字，表示项目在容器空间不足时的收缩比例。
示例：
如果所有 Flex 项目的 flex-shrink 都为 1，它们会 等比例收缩。
如果一个项目的 flex-shrink 为 0，它不会收缩。
2.3 flex-basis: 0 作用：定义 Flex 项目的 初始大小。
值：可以是长度单位（如 px、%）或关键字（如 auto）。
示例：
flex-basis: 0 表示项目的初始大小为 0，剩余空间由 flex-grow 分配。
flex-basis: auto 表示项目的初始大小由其内容决定。
flex: 1 的实际效果 均分剩余空间：如果所有 Flex 项目都设置为 flex: 1，它们会 均分 容器的剩余空间。
动态调整大小：当容器大小变化时，Flex 项目会根据 flex-grow 和 flex-shrink 动态调整大小。
属性 含义 flex: 1 flex: 1 1 0，项目均分剩余空间，初始大小为 0。 flex: auto flex: 1 1 auto，项目均分剩余空间，初始大小由内容决定。 flex: none flex: 0 0 auto，项目不伸缩，初始大小由内容决定。 flex: 2 flex: 2 1 0，项目占据的剩余空间是 flex: 1 的两倍。
最后更新于
这有帮助吗？