如何深入掌握JavaScript中Base64编码字符串的原理和应用？

本文共计2235个文字，预计阅读时间需要9分钟。

目录 + 初步认识 + Base64是怎么诞生的 + 基础定义 + 编码格式 + 体积累大==等号 + 非ASCII字符 + 编解码方法 + btoa 和 atob + 第三方库 + 前端常见应用 + 小图片转码 + 文件读取 + Canvas生成图片 + 其他 + 总结 + 在我们

目录

• 初步认识
• Base64是怎么诞生的
• 基础定义
• 编码方式
• 体积增大
• = 等号
• 非ASCII码字符
• 编解码方法
• btoa 和 atob
• 第三方库
• 前端常见应用
• 小图片转码
• 文件读取
• Canvas生成图片
• 其他
• 总结

在我们进行前端开发时，针对项目优化，常会提到一条：针对较小图片，合理使用Base64字符串替换内嵌，可以减少页面http请求。

并且还会特别强调下，必须是小图片，大小不要超过多少KB，等等。

那么，Base64又到底是什么呢？

初步认识

下面的这段字符串，应该是大家都很常见的。