怎样操作vue.js使用3DES加密

如何在VUE-CLI手脚架建立的工程中使用3des加密:


1

npm install crypto-js --save-dev


1

import CryptoJS from ‘crypto-js‘


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

//DES加密 Pkcs7填充方式

encryptByDES(message, key){

  const keyHex = CryptoJS.enc.Utf8.parse(key);

  const encrypted = CryptoJS.DES.encrypt(message, keyHex, {

   mode: CryptoJS.mode.ECB,

   padding: CryptoJS.pad.Pkcs7

   });

  return encrypted.toString();

}

//DES解密

decryptByDES(ciphertext, key){

  const keyHex = CryptoJS.enc.Utf8.parse(key);

  // direct decrypt ciphertext

  const decrypted = CryptoJS.DES.decrypt({

     ciphertext: CryptoJS.enc.Base64.parse(ciphertext)

   }, keyHex, {

     mode: CryptoJS.mode.ECB,

     padding: CryptoJS.pad.Pkcs7

  });

  return decrypted.toString(CryptoJS.enc.Utf8);

}

const _key = ‘abcdefghijklmn‘

const _password = ‘123456‘

//加密

console.log(this.encryptByDES(_password,_key))

//解密

console.log(this.decryptByDES(_password,_key))

原文地址:https://www.cnblogs.com/rita-0204/p/9530576.html

时间: 2024-08-30 15:41:50

怎样操作vue.js使用3DES加密的相关文章

js前端3des加密 后台java解密

import java.security.Key; import java.security.SecureRandom; import javax.crypto.Cipher; import javax.crypto.SecretKeyFactory; import javax.crypto.spec.DESedeKeySpec; import sun.misc.BASE64Decoder; import sun.misc.BASE64Encoder; /** * des加密解密 * * @au

Vue.js:轻量高效的前端组件化方案(转载)

摘要:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. Vue.js 是我在2014年2月开源的一个前端开发库,通过简洁的 API 提供高效的数据绑定和灵活的组件系统.在前端纷繁复杂的生态中,Vue.js有幸受到一定程度的关注,目前在 GitHub上已经有5000+的star.本文将从各方面对Vue.js做一个深入的介绍. 开发

Vue.js 自定义过滤器

过滤器,本质上就是一个函数.其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果. Vue.js 与 AngularJS 中的过滤器语法有些相似,使用管道符(|)进行连接,代码示例如下: {{'abc' | uppercase}}    'abc' => 'ABC' 这里使用了Vue.js 内置的过滤器 uppercase,将字符串中的字母全部转换成大写形式. Vue.js 支持在任何出现表达式的地方添加过滤器,除了上面例子中的 双大括号 表达式之外,还可以在绑定指令的表达式后调用,代码

vue.js响应式原理解析与实现—实现v-model与{{}}指令

离线浏览器软件    服务器远程连接 1.可多站同时下载.多站同时扒 2.可单页扒 3.可自定义, 重写JS\图片\CSS路径 4.执行全站下载后,会下载到本程序根目录下的html文件夹下. 5.全站替换,根据关键词替换.N个(多个)关键词替换.6.多线程下载7.自动补齐404不存在的链接页面(下载大站的时候需要)8.插入自定义的JS(全站插入)9.整站下载10.单页下载 此程序可以做到: 1,快速多线程下载整站,无论任何后缀(动态或者静态). 2,全站无错下载,包含CSS\JS\图片等等. 上

vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法: e.stopPropagation(); //非IE浏览器window.event.cancelBubble = true; //IE浏览器 原生JS阻止默认事件方法: e.preventDefault(); //非IE浏览器window.event.returnValue = false; //IE浏览器 而vue.js给我们提供了更简便的方法,我们可以通过function($event)来获取事件对象,$event.target则是选择发生事件的目标元

Vue学习系列(一)——初识Vue.js核心

前言 vue.js是一套构建用户界面的渐进式框架,vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件. vue通过DOM事件操作和指令来进行视图层和模型层的相互通讯,会为每一处需要动态更新的DOM节点创建一个指令对象.每当一个指令对象观测的数据变化时,它便会对所绑定的目标节点执行相应的DOM操作.基于指令的数据绑定使得具体的DOM操作都被合理地封装在指令定义中,业务代码只需要涉及模板和对数据状态的操作即可,这使得应用的开发效率和可维护性都大大提升. 因此,数据绑定,组件

vue.js之常操作(实例)

听说大家都开始用react.vue这些MVVM框架了,为了不落后,还是学学吧!(之前只对angular了解一点,时间一长,也忘得差不多了,所以学习vue相当于从小白开始) 从vue.js官网看一下,先学习几个基本指令:v-if.v-show.v-bind.v-model.v-for.v-on,然后一起做一个练习. 要实现上图功能,构思一下应该会用到什么指令,代码如下: <!DOCTYPE html> <html> <head> <meta charset=&quo

JS中的加密解密操作,以及对应的C#中的加密解密

JS: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>RSA Login Test</title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <scri

MVC + Vue.js 初体验(实现表单操作)

Vuejs http://cn.vuejs.org/ Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. DEMO效果 前端源码 @{ Lay