最新Web Service进阶(八)BASE64Decoder小解_web，前端开发在哪里学

2401_84435768

于 2024-05-09 19:44:51 发布

阅读量324

点赞数 4

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84435768/article/details/138628738

版权

程序员专栏收录该内容

174 篇文章 0 订阅

订阅专栏

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

十进制 43 27 41 54

对应码表中的值 r b p 2

所以上面的24 位编码，编码后的Base64 值为 rbp2

解码同理，把 rbq2 的二进制位连接上再重组得到三个8 位值，得出原码。

（解码只是编码的逆过程，在此我就不多说了，另外有关MIME 的RFC 还是有很多的，如果需要详细情况请自行查找。）

用更接近于编程的思维来说，编码的过程是这样的：

第一个字符通过右移2 位获得第一个目标字符的Base64 表位置，根据这个数值取到表上相应的字符，就是第一个目标字符。

然后将第一个字符左移4 位加上第二个字符右移4 位，即获得第二个目标字符。

再将第二个字符左移2 位加上第三个字符右移6 位，获得第三个目标字符。

最后取第三个字符的右6 位即获得第四个目标字符。

在以上的每一个步骤之后，再把结果与 0x3F 进行 AND 位操作，就可以得到编码后的字符了。

可是等等…… 聪明的你可能会问到，原文的字节数量应该是3 的倍数啊，如果这个条件不能满足的话，那该怎么办呢？

我们的解决办法是这样的：原文的字节不够的地方可以用全0 来补足，转换时Base64 编码用= 号来代替。这就是为什么有些Base64 编码会以一个或两个等号结束的原因，但等号最多只有两个。因为：

余数 = 原文字节数 MOD 3

所以余数任何情况下都只可能是0 ，1 ，2 这三个数中的一个。如果余数是0 的话，就表示原文字节数正好是3 的倍数（最理想的情况啦）。如果是1 的话，为了让Base64 编码是4 的倍数，就要补2 个等号；同理，如果是2 的话，就要补1 个等号。

在线转换:base64在线加密解密-迅雷地址在线解密加密

例子一：

import sun.misc.BASE64Decoder;

import sun.misc.BASE64Encoder;

public class Test {

    public static void main(String args[]) throws IOException {

        BASE64Encoder encode = new BASE64Encoder();

        String base64 = encode.encode(" 五笔字型电子计算机".getBytes());

        System.out.println(base64);

        BASE64Decoder decode = new BASE64Decoder();

        byte [] b = decode.decodeBuffer(base64);

        System.out.println( new String(b));

    }

}

输出：

zuWxytfW0M2159fTvMbL47v6

五笔字型电子计算机

JRE 中 sun 和 com.sun 开头包的类都是未被文档化的，他们属于 java, javax

类库的基础，其中的实现大多数与底层平台有关，一般来说是不推荐使用的。

Base64 主要不是加密，它主要的用途是把一些二进制数转成普通字符用于网络传输。

由于一些二进制字符在传输协议中属于控制字符，不能直接传送需要转换一下就可以了。

示例二：

try {

    byte[] KEY_DATA = {1,8,-49,-31,77,90,10,121,-14,109,107,38,29,68,59,5,82,49,31,42,-25,67,96,15};

    Cipher cipher = Cipher.getInstance(" DESede/ECB/PKCS5Padding ");

    SecretKeySpec key = new SecretKeySpec(KEY_DATA, "DESede");// 生成加密解密需要的 Key

    cipher.init(Cipher.ENCRYPT_MODE, key);

    byte[] res = cipher.doFinal(data.getBytes());

} catch (Exception e) {
下面是我在学习HTML和CSS的时候整理的一些笔记，有兴趣的可以看下：

![HTML、CSS部分截图](https://img-blog.csdnimg.cn/img_convert/2bb6b442a4432372fe5b9ccea2ad93d0.png)

### 进阶阶段



进阶阶段，开始攻 JS，对于刚接触 JS 的初学者，确实比学习 HTML 和 CSS 有难度，但是只要肯下功夫，这部分对于你来说，也不是什么大问题。

JS 内容涉及到的知识点较多，看到网上有很多人建议你从头到尾抱着那本《JavaScript高级程序设计》学，我是不建议的，毕竟刚接触 JS 谁能看得下去，当时我也不能，也没那样做。



我这部分的学习技巧是，增加次数，减少单次看的内容。就是说，第一遍学习 JS 走马观花的看，看个大概，去找视频以及网站学习，不建议直接看书。因为看书看不下去的时候很打击你学下去的信心。

然后通过一些网站的小例子，开始动手敲代码，一定要去实践、实践、实践，这一遍是为了更好的去熟悉 JS 的语法。别只顾着来回的看知识点，眼高手低可不是个好习惯，我在这吃过亏，你懂的。



**1、JavaScript 和 ES6**



在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。



![JavaScript部分截图](https://img-blog.csdnimg.cn/img_convert/cac778dc45492a41e2f3e7cd6b0134e5.png)



**2、前端框架**

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

以 Vue 为例，我整理了如下的面试题。



![Vue部分截图](https://img-blog.csdnimg.cn/img_convert/c6738a80c94640db83f7ffbf487ac5f0.png)