位置: IT常识 - 正文

前端数据加密的几种方式(前端数据加密的三种方式)

编辑:rootadmin
前端数据加密的几种方式

推荐整理分享前端数据加密的几种方式(前端数据加密的三种方式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端参数加密有意义吗,前端参数加密有意义吗,前端参数加密有意义吗,前端数据加密解密,前端加密方法,前端数据加密的三种方式,前端加密方式使用场景,前端数据加密解密,内容如对您有帮助,希望把文章链接给更多的朋友!

1.base64加密方式

1.1 base64是什么?

Base64,顾名思义,就是包括小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"一共64个字符的字符集,(另加一个“=”,实际是65个字符,至于为什么还会有一个“=",这个后面再说)。任何符号都可以转换成这个字符集中的字符,这个转换过程就叫做base64编码。

1.2 base64转码和解码

<script>

       let str = 'ImGod';

       let str64 = window.btoa(str);

       console.log('转化后:'+str64);

       let jm = window.atob(str64);

       console.log('解码后:'+jm);

    </script>

结果:

2.MD5 加密方式(不可逆)

 MD5是一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。MD5由美国密码学家罗纳德·李维斯特(Ronald Linn Rivest)设计,于1992年公开,用以取代MD4算法。

MD5.JS是通过前台js加密的方式对密码等私密信息进行加密的工具。

2.1使用方法

1.引入 

 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script>

2.示例

<script>

        // MD5加密方式

        // hex_md5(data);//data表示你要加密的数据

        let str = 'abc';

        let newStr = md5(str);

        console.log(newStr);

    </script>

结果:

3.sha1.js (不可逆)

3.1 sha1是什么?

SHA-1是一种数加密算法,该算法的思想是接收一段明文,然后以一种不可逆的方式将它转换成一段(通常更小)密文,也可以简单的理解为取一串输入码(称为预映射或信息),并把它们转化为长度较短、位数固定的输出序列即散列值(也称为信息摘要或信息认证代码)的过程。

3.2 引入

  <script src="https://cdn.bootcss.com/js-sha1/0.6.0/sha1.js"></script>

目前没有在网上没找到下载地址,只能在线引入。

3.3 示例

<script>

        //sha1加密方式

        let str = 'abcd';

        let sha_1 = sha1(str);

前端数据加密的几种方式(前端数据加密的三种方式)

        console.log(sha_1);

    </script>

结果:

4.编码和解码字符串

这个主要是使用JS函数的escape()和unescape(),分别是编码和解码字符串。

escape采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)

在很多脚本语言的应用当中,escape函数是一个可转换编码的函数,比如javascript 的 ajax 中,向a.php传递参数?city=北京,可先将"北京"用escape重新编码,再进行传递,在服务器端接收后再解码才不会出现乱码。escape一般用于传递URL参数和类似urlencode base64_encode函数是类似的。

 4.1 示例

 <script>

        //编码和解码字符串

        let str = '在山的那边';

        let str1 = escape(str);

        let str2 = unescape(str1)

        console.log('编码:'+str1);

        console.log('解码:'+str2);

    </script>

结果:

5. AES/DES加解密方式 

对称加密算法是应用较早的加密算法,技术成熟。在对称加密算法中,数据发信方将明文(原始数据)和加密密钥(mi yue)一起经过特殊加密算法处理后,使其变成复杂的加密密文发送出去。收信方收到密文后,若想解读原文,则需要使用加密用过的密钥及相同算法的逆算法对密文进行解密,才能使其恢复成可读明文。在对称加密算法中,使用的密钥只有一个,发收信双方都使用这个密钥对数据进行加密和解密,这就要求解密方事先必须知道加密密钥。

5.1 优缺点

 优点:算法公开、计算量小、加密速度快、加密效率高。

         缺点:

(1)交易双方都使用同样钥匙,安全性得不到保证。

(2)每对用户每次使用对称加密算法时,都需要使用其他人不知道的惟一钥匙,这会使得发收信双方所拥有的钥匙数量呈几何级数增长,密钥管理成为用户的负担。对称加密算法在分布式网络系统上使用较为困难,主要是因为密钥管理困难,使用成本较高。

5.2 示例

 <script type="text/javascript">

        var aseKey = "12345678" //秘钥必须为:8/16/32位

        var message = "13785624612";

        //加密

        var encrypt = CryptoJS.AES.encrypt(message, CryptoJS.enc.Utf8.parse(aseKey), {

            mode: CryptoJS.mode.ECB,

            padding: CryptoJS.pad.Pkcs7

        }).toString();

        console.log(encrypt);

        //解密

        var decrypt = CryptoJS.AES.decrypt(encrypt, CryptoJS.enc.Utf8.parse(aseKey), {

            mode: CryptoJS.mode.ECB,

            padding: CryptoJS.pad.Pkcs7

        }).toString(CryptoJS.enc.Utf8);

        console.log(decrypt); //13785624612

    </script>

结果:

本文链接地址:https://www.jiuchutong.com/zhishi/292977.html 转载请保留说明!

上一篇:【今日除夕】(© DANNY HU)(今日除夕吉时)

下一篇:保姆级高通AEC9调试指南(看完可解决80%AE相关问题)(高通 adc)

  • sony 微单a7(sony w70)(SONY 微单 镜头)

    sony 微单a7(sony w70)(SONY 微单 镜头)

  • 苹果旁白是什么意思(苹果手机被旁白锁住了怎么办)

    苹果旁白是什么意思(苹果手机被旁白锁住了怎么办)

  • word红色下划线怎么去掉(word红色下划线是什么意思)

    word红色下划线怎么去掉(word红色下划线是什么意思)

  • iphone拍照黑点修复(iphone手机拍照有黑点 固定不动)

    iphone拍照黑点修复(iphone手机拍照有黑点 固定不动)

  • 苹果x刘海屏红点闪烁(苹果刘海屏红灯一直在闪烁)

    苹果x刘海屏红点闪烁(苹果刘海屏红灯一直在闪烁)

  • qq被删除好友后发消息对方还能收到吗(QQ被删除好友后还能发信息吗)

    qq被删除好友后发消息对方还能收到吗(QQ被删除好友后还能发信息吗)

  • 打QQ电话手机老有电流声(手机打qq电话自动挂断怎么回事)

    打QQ电话手机老有电流声(手机打qq电话自动挂断怎么回事)

  • 仅还原系统设置项是什么意思(仅还原系统设置项会删除软件吗)

    仅还原系统设置项是什么意思(仅还原系统设置项会删除软件吗)

  • 华为p30省电模式怎么关(华为p30省电模式在哪里)

    华为p30省电模式怎么关(华为p30省电模式在哪里)

  • 3dmax镜像的快捷键(3dmax镜像的快捷键是什么)

    3dmax镜像的快捷键(3dmax镜像的快捷键是什么)

  • wps卸载后文件还有吗(wps卸载后以前文件怎么恢复)

    wps卸载后文件还有吗(wps卸载后以前文件怎么恢复)

  • 华为nova7和nova7 se的区别(华为nova7和nova7 se的钢化膜一样吗)

    华为nova7和nova7 se的区别(华为nova7和nova7 se的钢化膜一样吗)

  • 4g的手机卡可以升级5g吗(4g的手机卡可以用5g手机吗)

    4g的手机卡可以升级5g吗(4g的手机卡可以用5g手机吗)

  • 快手评论怎么看不见(快手评论怎么看自己的评论)

    快手评论怎么看不见(快手评论怎么看自己的评论)

  • 微信服务通知怎么出来(微信服务通知怎么彻底删除)

    微信服务通知怎么出来(微信服务通知怎么彻底删除)

  • microsoft visual c干嘛的

    microsoft visual c干嘛的

  • 手机横屏怎么办(0p0p手机横屏怎么办)

    手机横屏怎么办(0p0p手机横屏怎么办)

  • 苹果7p可以双卡双待吗(苹果11可以插双卡吗)

    苹果7p可以双卡双待吗(苹果11可以插双卡吗)

  • oppor11怎么开启高清通话(oppor11s怎么操作)

    oppor11怎么开启高清通话(oppor11s怎么操作)

  • 兼容性是什么意思(兼容性是什么意思如何处理?)

    兼容性是什么意思(兼容性是什么意思如何处理?)

  • 华为mate30pro和mate20pro有什么区别(华为mate30pro和mate30pro5g区别)

    华为mate30pro和mate20pro有什么区别(华为mate30pro和mate30pro5g区别)

  • 苹果储存其他是什么(苹果储存的其他是什么意思)

    苹果储存其他是什么(苹果储存的其他是什么意思)

  • 2022前端面经---改变this指向问题(call、apply、bind)(2021年前端面试)

    2022前端面经---改变this指向问题(call、apply、bind)(2021年前端面试)

  • 一般纳税人是什么型企业
  • 进项税多久有效
  • 借支单是借方还是贷方
  • 负债的账面价值减去未来期间计算应纳税所得额
  • 年初数和年末数审计报告不一致
  • 政府会计制度固定资产折旧哪个月开始计提
  • 存货成本包括消费吗
  • 无形资产特许权使用费怎么做账
  • 材料收到发票未到怎么记账
  • 软件开发票入研发费用哪个明细科目?
  • 显示已申报税额
  • 纯出口企业要交税吗
  • 物业公司代收供暖费,可以开发票吗
  • 高速公路抵税
  • 非基本人员单位部分
  • 清算时公司亏损预交所得税能退吗
  • 农产品收购发票怎么做账
  • 冲红的进项税发票入账处理
  • 购买办公用品未取得发票怎么办
  • 其他应付转到其他应收
  • 财务做账借贷分别表示
  • 申请开立临时存档的条件
  • 所得税前允许列支的税金包括
  • 药品入库和出库必须执行什么制度
  • 如何防止程序被关闭
  • 现金比率分析怎么分析
  • 金融资产有哪三类代码
  • 入账价值和账面余额一样吗
  • 往公户存钱怎么存最划算
  • PHP:oci_new_cursor()的用法_Oracle函数
  • 暂估入库的处理方式有哪三种
  • 支付的测试流程
  • 财产损失立案
  • exedown是什么文件夹
  • PHP中使用什么关键字声明变量的作用域为全局
  • uni app怎么样
  • 加拿大巨石
  • 圣何塞在哪
  • vue中响应式是什么意思
  • 处置子公司的方式
  • 记账凭证的主要作用有
  • 公司给员工的福利房可以买卖吗
  • dedecms51
  • mongodb bi
  • 工程项目怎么挣钱
  • 工商营业执照年检网上怎么年检
  • Sqlserver 2005使用XML一次更新多条记录的方法
  • 一人有限公司和个人独资企业区别
  • 房地产按揭贷款政策
  • 重分类调整的内容包括什么
  • 棚户区改造国家给政府拨款吗
  • 私车公用发票去哪个税务局开
  • 简易征收 简易计税
  • 固定资产清理营业外支出可在税前扣除?
  • 银行收到客户货款会计分录
  • 借资本公积贷递延所得税负债是什么意思
  • 房地产开发票的时间?
  • 房地产公司属于什么企业
  • 电子发票报销如何处理
  • 收到现金货款存入银行会计分录
  • 低值易耗品最新定义
  • win9怎么升级win10
  • ubuntu的安装步骤
  • 怎样一键清空
  • win7z
  • win10回收站设置
  • windows config文件
  • windows8桌面图标没有了
  • javascript entries
  • eclipse安转
  • shell删除指定内容
  • js设置rem
  • js对象类
  • python ftp storbinary
  • 江苏国家税务机关电话
  • 限售股转让如何交税
  • 保税区企业会有两个海关编码吗
  • 国家税务贵州省税务局
  • 小规模纳税人的增值税怎么计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设