返回
base64的同胞编码方式（base64的同胞编码方式）
base64的同胞编码方式（base64的同胞编码方式）
2024-11-22 10:27:31  作者:明知你  网址:https://m.xinb2b.cn/tech/puk231160.html

为了方便调试，最近想把项目中的代码加一下sourceMap，所以就去研究了一下，在研究的过程中发现sourceMap使用了一种叫base64-vlq的编码方式，那么这篇文章我们就先来聊一聊这种编码方式的原理，看看它和base64有什么样的关系？

如果你还不了解base64编码的原理，可以先看一下我之前的一篇文章详解base64和latin1的编码原理

base64-vlq的简介

编码的目的大多数是为了安全或者压缩传输大小，这种编码方式就是借用Base64的字符表去表示各种数值！

base64-vlq的原理

我们直接看一个例子，这样比总结方式更加直观。

现在把1024用base64-vql编码方式表示！

1、首先我们把1024转化为二进制——1 00000 00000，一共11位；


图1

2、在最右边补充符号位，因为1024是正数，所以最右边补充一个0——10 00000 00000，此时一共12位；

3、现在从最右边向左边每隔5位划分为一组，不足五位的左边补充0——00010 00000 00000，一共15位；

4、将组的位置顺序颠倒一下——00000 00000 00010；

5、在最左边为每组补充一位，如果这组是这个数值的最后一组，那么就补充0，前面的组都补充1——100000 100000 000010（32 32 2），一共18位；

好了，现在就可以把它转化为base64了，我们把base64字符表再贴上来，如下：


图2

6、对应一下图2中base64字符表，最后转为ggC。

接下来我们再看一个负数的例子，把-168用这种编码方式表示！

1、先把168转化为二进制——10101000；


图3

2、在最右边补充符号位，现在是负数，所以要补充1——1010 10001，一共9位；

3、分组并且把不足五位的补充0——01010 10001，一共10位；

4、组的位置颠倒顺序——10001 01010；

5、在最左边补充连续位——110001 001010（49 10），一共12位；

6、对照base64字母表，最后编码为xK。

如果你看完上面两个例子，我相信你稍微加以思考就能掌握原理了。如果在实际转换中不确定结果是否正确，可以在http://murzwin.com/base64vlq.html这个工具上加以验证！

总结

在研究sourceMap原理的过程中发现原来还有这样的编码，不过编码方式还是非常容易掌握的，后面我会继续研究sourceMap的原理并且输出相关知识点！

喜欢我的文章就关注我吧，有问题可以发表评论，我们一起学习，共同成长！

  • 国民好儿媳刘涛近况（国民媳妇刘涛29岁弃四年男友闪嫁豪门）
  • 2024-11-22国民媳妇刘涛29岁弃四年男友闪嫁豪门她是曾经的金庸女神阿朱，也是机关算尽的芈姝，神仙专业户一度是她的标签在事业巅峰期，闪婚富豪，成为豪门阔太结婚三年，负债四亿国民媳妇刘涛的人生有多精彩？谈起刘涛，首当其冲就是她嫁进豪门，替丈夫还清四亿债。
  • 三伏天祛湿寒最有效汤（盛夏三伏喝老火靓汤）
  • 2024-11-22盛夏三伏喝老火靓汤广州主妇厨房的必修课，必须有煲汤这一项而不管是自己家里做还是在外面下馆子，广州人都少不了喝汤特别是老火汤，简直是不喝不痛快！盛夏三伏，出现在小暑和立秋之中，是一年中气温最高且又潮湿、闷热的一段时间即使。
  • 国外宠物服务（约吗国外又一项奇葩服务）
  • 2024-11-22约吗国外又一项奇葩服务世界就是这样多姿多彩有的国家和地区动物的权益已经远远超过人们的想象比如，我们如何与宠物们交流，和它们互动，让它们快乐？动物表演艺术家AlexBailey和KrõõtJuurak就提供这样的服务，他们通。
  • 减肥早餐食谱早上吃什么瘦得快（减肥早餐最好吃什么）
  • 2024-11-22减肥早餐最好吃什么很多减肥人士使用不同的方法进行减肥，可是收效甚少其实，有很多方法可以减肥，只要使用一些适当的方法，那么减肥就不是问题其中通过早餐吃一些减肥的食物，就可以起到很好的减肥效果那么，减肥早餐最好吃什么？第一。
  • 杨慎十首最好诗 明朝第一才子杨慎写下一首千古绝唱
  • 2024-11-22杨慎十首最好诗 明朝第一才子杨慎写下一首千古绝唱引言明朝时期，文化繁盛，名家大儒辈出但若要从这诸多大家中推选出“明朝第一才子”，那么杨慎当之无愧作为一代大才，杨慎不仅工于书法，能文、词及散曲，一生还著述等身《明史》中对于杨慎更是有这样的评语：“明世。
  • 己亥杂诗其二百二十速记（闲来随笔之三言两语杂记）
  • 2024-11-22闲来随笔之三言两语杂记（其一）、关于对于写作的感想（其一）对于欢喜写作的人而言，不管什么类型的文章皆可以拿来写，有话则长无话则短，唯如此才能明白自己适合写何种类型的文章不必为了写作而去写作，若近期没好的素材与思路，可以暂且。
  • 罗成简介怎么死的（罗成为何会折寿五十年）
  • 2024-11-22罗成为何会折寿五十年看过《说唐》、《隋唐演义》的肯定知道“十八路反王”和十八条好汉，十八条好汉分别是李元霸、宇文成都、裴元庆、雄阔海、伍云召、伍天锡、罗成、杨林、魏文通、尚师徒、新文礼、秦琼、单雄信，十二、十三、十四、十。
  • 岩茶最好的品牌是什么（岩茶十大品牌形象和介绍）
  • 2024-11-22岩茶十大品牌形象和介绍武夷岩茶，是中国传统名茶，是具有岩韵（岩骨花香）品质特征的乌龙茶武夷岩茶具有绿茶之清香、红茶之甘醇，是中国乌龙茶中之极品下面就一起看看知名的武夷岩茶品牌：武夷星茶业有限公司，知名茶业品牌，福建省著名商。
  • 统计学原理中简述假设检验的步骤（统计学之假设检验）
  • 2024-11-22统计学之假设检验1.基本思想我们还是从问题开始讨论这回提个接地气的问题——雄安新区批复前后对该地区房价是否有差异？嗯，假设检验其实就是为了解决这类问题假设检验的基本思想——我们有样本，但是无法获得总体，需要对总体的分。
  • 女友用了精油出现副作用（女子被精油香薰）
  • 2024-11-22女子被精油香薰随着生活质量的提高精油香薰被越来越多人所推崇美容、助眠、室内香薰、香薰蜡烛~生活不止眼前的苟且，还要有香味！《太阳的后裔》里，宋慧乔和柳大尉是这样子的点上一支香薰蜡烛，约会必备！再比如，提高一下你的独。
  • 好莱坞表白剪辑（分手18年后好莱坞）
  • 2024-11-22分手18年后好莱坞JenniferLopez（詹妮弗·洛佩兹）与大本（BenAffleck）又出来撒狗粮了近日，两人在家门口腻歪的甜蜜场景，被狗仔拍了个正着Jennifer一看到大本，就扑上去献上热吻她手上那枚时不时地。