crypto-js:加密标准的JavaScript库

简介: crypto-js:加密标准的JavaScript库

安装


npm 包

npm install crypto-js



20210413152148409.png



打印 cryptoJs

可以看到有很多方法:具体的使用请参考【CryptoJS 文档】

20210413155031596.png



例子

比较简单的例子:比如:MD5,SHA256

<template>
  <div class='crypto-js'>
    cryptoJs 测试页面
  </div>
</template>
<script>
import CryptoJS from "crypto-js";
export default {
  data () {
    return {
      hashStr: "凯小默的英文名叫kaimo"
    };
  },
  mounted() {
    console.log(CryptoJS);
    const MD5_hashStr = CryptoJS.MD5(this.hashStr);
    console.log('MD5_hashStr', MD5_hashStr.toString());
    const SHA256_hashStr = CryptoJS.SHA256(this.hashStr);
    console.log('SHA256_hashStr', SHA256_hashStr.toString());
  },
};
</script>


202104131618283.png


源码算法可以自己去看看:

20210413162447390.png



复杂一点的:比如:DES

<template>
  <div class='crypto-js'>
    cryptoJs 测试页面
  </div>
</template>
<script>
import CryptoJS from "crypto-js";
export default {
  data () {
    return {
      hashStr: "凯小默的英文名叫kaimo"
    };
  },
  mounted() {
    console.log(CryptoJS);
    const MD5_hashStr = CryptoJS.MD5(this.hashStr);
    console.log('MD5_hashStr', MD5_hashStr.toString());
    const SHA256_hashStr = CryptoJS.SHA256(this.hashStr);
    console.log('SHA256_hashStr', SHA256_hashStr.toString());
    const DES_hashStr = CryptoJS.DES.encrypt(
      this.hashStr,
      CryptoJS.enc.Utf8.parse("ABF"),// keyHex
      { 
        mode: CryptoJS.mode.ECB, 
        padding: CryptoJS.pad.Pkcs7 
      } // option
    ).ciphertext.toString();
    console.log('DES_hashStr', DES_hashStr);
    const DES_decrypt_hashStr = CryptoJS.DES.decrypt(
      {
        ciphertext: CryptoJS.enc.Hex.parse(DES_hashStr)
      },
      CryptoJS.enc.Utf8.parse("ABF"),// keyHex
      { 
        mode: CryptoJS.mode.ECB, 
        padding: CryptoJS.pad.Pkcs7
      } // option
    ).toString(CryptoJS.enc.Utf8);
    console.log('DES_decrypt_hashStr', DES_decrypt_hashStr);
  },
};
</script>



20210413171803580.png



目录
相关文章
|
20天前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
|
1月前
|
移动开发 前端开发 JavaScript
前端高效开发JavaScript库!
前端高效开发JavaScript库!
|
1月前
|
JavaScript 前端开发 Go
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
138 1
|
2天前
|
缓存 JavaScript 前端开发
js/javascript获取时间戳的5种方法
js/javascript获取时间戳的5种方法
|
5天前
|
JavaScript 前端开发 开发者
JavaScript基础-JS输出与变量声明
【6月更文挑战第11天】本文介绍了JavaScript基础的输出和变量声明,包括`console.log`的使用及常见错误,如忘记调用和输出复杂数据结构。此外,文章讲解了`var`、`let`和`const`的差异,强调了`const`的引用不变性以及在何时选择使用`let`和`const`。通过理解这些基础知识和避免常见问题,初学者能更好地进行代码调试和编写。
|
10天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的学习视频资源库的系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的学习视频资源库的系统附带文章和源代码部署视频讲解等
19 0
|
13天前
|
前端开发 JavaScript
如何使用 await-to-js 库优雅的处理 async await 错误
如何使用 await-to-js 库优雅的处理 async await 错误
8 0
|
13天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
21 3
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js的精品在线试题库系统附带文章和源代码设计说明文档ppt
基于springboot+vue.js的精品在线试题库系统附带文章和源代码设计说明文档ppt
30 6
|
19天前
|
JavaScript Java 测试技术
学习资料库小程序设计ssm+vue.js附带文章和源代码设计说明文档ppt
学习资料库小程序设计ssm+vue.js附带文章和源代码设计说明文档ppt
16 1