作為一名優(yōu)秀的前端開發(fā)工程獅，保障用戶的信息安全、密碼義不容辭，廢話不多說，由我來介紹三種日常開發(fā)中經(jīng)常用到的加密方式。
一、MD5加密
介紹： MD5中文含義為信息-摘要算法5，就是一種信息摘要加密算法，可以將數(shù)據(jù)轉(zhuǎn)譯為另一固定長度值
特點(diǎn)：
- 壓縮性：任意長度的數(shù)據(jù)，算出的MD5值長度都是固定的。
- 容易計(jì)算：從原數(shù)據(jù)計(jì)算出MD5值很容易。
- 抗修改性：對(duì)原數(shù)據(jù)進(jìn)行任何改動(dòng)，哪怕只修改1個(gè)字節(jié)，所得到的MD5值都有很大區(qū)別。
- 強(qiáng)抗碰撞：已知原數(shù)據(jù)和其MD5值，想找到一個(gè)具有相同MD5值的數(shù)據(jù)（即偽造數(shù)據(jù)）是非常困難的。
使用方式：通過項(xiàng)目中引入MD5.js包
import MD5 from 'MD5'
function Md5() {
return (
<>
<h1>MD5加密</h1>
<h3>加密前:18888888888 加密后:{MD5(18888888888)}</h3>
<h3>加密前:大大大大奔 加密后:{MD5('大大大大奔')}</h3>
</>
)
}
export default Md5
?頁面展示效果：
二、base64加密
介紹：base64是一種加密算法，有著廣泛的應(yīng)用和支持，但卻是當(dāng)今最弱的編碼標(biāo)準(zhǔn)之一。它主要是對(duì)明文轉(zhuǎn)換后的二進(jìn)制序列做處理，使之變?yōu)椴荒鼙蝗酥苯幼R(shí)別的形式。
特點(diǎn)：
- 使用最廣泛
- 簡單易上手
- 可以將圖片轉(zhuǎn)譯存儲(chǔ)
- 編碼之后的結(jié)果，只有64個(gè)字符 az AZ 0~9 / + 再加上一個(gè)輔助字符 =
使用方式：直接調(diào)用btoa方法轉(zhuǎn)換成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
頁面展示效果：
?文章來源地址http://www.zghlxwxcb.cn/news/detail-739087.html
三、sha.js加密
介紹： 項(xiàng)目中經(jīng)常會(huì)用的方式，使用起來簡單方便
使用方式： 項(xiàng)目中直接引入sha.js包
import { sha256 } from 'js-sha256'
function Sha() {
return (
<>
<h3>sha.js加密</h3>
<br></br>
<h3>加密前:18888888888 加密后:{sha256('18888888888')}</h3>
</>
)
}
export default Sha
?頁面展示效果：
?文章來源：http://www.zghlxwxcb.cn/news/detail-739087.html
?
到了這里，關(guān)于前端常用的三種加密方式（MD5、base64、sha.js）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
