前端常用的三种加密方式—MD5、base64、sha.js,你值得拥有!

前端常用的三种加密方式—MD5、base64、sha.js,你值得拥有!作为一名优秀的前端开发工程狮,你必须要掌握的信息安全加密方式!下文是由我整理出来的三种工作中经常用到的加密方案…

作为一名优秀的前端开发工程狮,保障用户的信息安全、密码义不容辞,废话不多说,由我来介绍三种日常开发中经常用到的加密方式。

一、MD5加密

介绍: MD5中文含义为信息-摘要算法5,就是一种信息摘要加密算法,可以将数据转译为另一固定长度值

特点:
1.压缩性:任意长度的数据,算出的MD5值长度都是固定的。
2.容易计算:从原数据计算出MD5值很容易。
3.抗修改性:对原数据进行任何改动,哪怕只修改1个字节,所得到的MD5值都有很大区别。
4.强抗碰撞:已知原数据和其MD5值,想找到一个具有相同MD5值的数据(即伪造数据)是非常困难的。

使用方式:通过项目中引入MD5.js包

import MD5 from 'MD5'

function Md5() {
  return (
    <>
      <h1>MD5加密</h1>
      <h3>加密前:18888888888 加密后:{MD5(18888888888)}</h3>
      <h3>加密前:大大大大奔 加密后:{MD5('大大大大奔')}</h3>
    </>
  )
}

export default Md5

页面展示效果:

snipaste20211218_121723.png

二、base64加密

介绍:base64是一种加密算法,有着广泛的应用和支持,但却是当今最弱的编码标准之一。它主要是对明文转换后的二进制序列做处理,使之变为不能被人直接识别的形式。
特点
1.使用最广泛
2.简单易上手
3.可以将图片转译存储
4.编码之后的结果,只有64个字符 az AZ 0~9 / + 再加上一个辅助字符 =

使用方式:直接调用btoa方法转换成base64方法,使用atob方法可解码

function Base64() {
  return (
    <> <h3>MD5加密</h3> <br></br> {/* btoa用于加密,atob用于解密 */} <h3>加密前:18888888888 加密后:{window.btoa(18888888888)}</h3> <h3>解码后:{window.atob(window.btoa(18888888888))}</h3> </>
  )
}
export default Base64

页面展示效果:

snipaste20211218_123721.png

三、sha.js加密

介绍: 项目中经常会用的方式,使用起来简单方便
使用方式: 项目中直接引入sha.js包

import { sha256 } from 'js-sha256'
function Sha() {
  return (
    <> <h3>sha.js加密</h3> <br></br> <h3>加密前:18888888888 加密后:{sha256('18888888888')}</h3> </>
  )
}

export default Sha

页面展示效果:

snipaste20211218_130132.png

今天的文章前端常用的三种加密方式—MD5、base64、sha.js,你值得拥有!分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/22269.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注