美文网首页基础前端前端之美
前端加密 base64 和 MD5

前端加密 base64 和 MD5

作者: CondorHero | 来源:发表于2019-07-15 13:21 被阅读0次
    一、MD5

    MD5 下载

    下载完使用方法很简单:

        <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
        <script>
            console.log(md5("Condor Hero"));
        </script>
    
    加密结果

    你一定会这样问,这样加密是不是太草率了,担心被破解是吧。打开脑洞,我们还可以这样玩。

    console.log(md5(md5(md5(md5("Condor Hero")))));
    

    MD5 之加密加密在加密。

    当然也可以这样。

    console.log(md5(md5("Condor Hero") + "a"));
    

    加密完自定义一个字符,在加密。让你破。

    二、base64

    先说明:浏览器原生支持JS Base64 编码解码

    使用语法为:

    加密 btoa

    btoa("Condor Hero");

    解密 atob
    atob("Q29uZG9yIEhlcm8=");

    加密解密结果

    aob这个方法名称乍一看,很奇怪,不知道这个单词什么意思。我们可以理解为 A to B,也就是从A到B。这里的B指的就是Base64吗?哈哈哈,恭喜你!猜错了!A指的才是Base64,反的,B才是普通字符,普通意思就是low,俗称low B。所以我们这么记忆,Low B,Low B,B表示很Low的普通字符,A才是Base64,和首字母对应关系是反的。

    其中使用中文报错:


    中文报错

    解决办法:就是中文先转码

    btoa(encodeURIComponent("中文"));

    成功

    还可以在转回来:


    解码中文

    如果你不知道有原生的 base64,估计还是去GitHub base64 开源网站去下载源代码,然后:
    Base64.encode('Condor Hero');
    Base64.decode('Condor Hero');

    所以说技术面掌握不仅要精,还要足够广。

    五、总结
    • MD5 几乎不能解密,就算是解密,也是通过计算机一个一个读取,试错的。依据目前
      2019年七月十五日下午 这天的计算机水平,几乎计算时间的是一个人的一生。所以安全性是很不错的。
    • base 64 可以加密,可以解密。

    相关文章

      网友评论

        本文标题:前端加密 base64 和 MD5

        本文链接:https://www.haomeiwen.com/subject/ojjbkctx.html