vue实现文字加密功能

2024-07-29 03:45:50

本文实例为大家分享了vue实现文字加密功能的具体代码，供大家参考，具体内容如下

效果：

组件代码：

base64

npm install --save js-base64

md5

npm install --save js-md5

<template>
 <div>

 </div>
</template>

<script>
import md5 from 'js-md5';
var Base64 = require('js-base64').Base64;

 export default {
   name:"appid",
   mounted(){
    //Base64加密
    var str1 = Base64.encode('你好啊');
    document.write("我是Base64加密后的文字："+str1+"<br/>")

    var str3 =Base64.decode('5L2g5aW95ZWK');
    document.write("我是Base64解密后的文字："+str3+"<br/>")

    var str2 =Base64.encodeURI('吃饭了吗');
    document.write("我是Base64加密后的文字："+str2+"<br/>")

    var str4 = Base64.decode('5ZCD6aWt5LqG5ZCX');
    document.write("我是Base64解密后的文字："+str4+"<br/>")

    //md5加密
    var str5 = md5('hello world')
    document.write("我是md5加密后的文字："+str5+"<br/>")
 }
 }
</script>

<style scoped>

</style>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

vue中使用cookies和crypto-js实现记住密码和加密的方法

使用crypto-js加解密第一步,安装 npm install crypto-js 第二步,在你需要的vue组件内import import CryptoJS from "crypto-js"; 第三步,使用 // Encrypt 加密 var cipherText = CryptoJS.AES.encrypt( "my message", "secretkey123" ).toString(); console.log(cipherText
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法

项目需求中需要对用户登录时的密码进行加密,在网上查询些许文章后,最终与后端协商使用jsencrypt.js. jsencrypt.js的github地址: https://github.com/travist/js... 使用yarn安装至Vue项目 yarn add jsencrypt --dep 或者使用npm npm install jsencrypt --dep 引入jsencrypt import { JSEncrypt } from 'jsencrypt' 可封装为全局混合,便于调用
vue项目中使用 pako.js 解密 gzip加密字符串的代码详解

前言今天跟后台对接一个接口,接受到一个加密的值,说是通过gzip加密过的,然后就蒙蔽了, 赶紧上百度找了一下资料,通过一篇文章(原文在底部)发现有个js库可以解密,就下载轻松解密了实现代码 poko.js可至Github下载 https://github.com/nodeca/pako or npm install pako import pako from 'pako' // 一个是加密:window.btoa(),一个是解密:window.atob() function decode(e
VueJs里利用CryptoJs实现加密及解密的方法示例

第一步安装安装crypto-js 第二步创建在js文件目录下创建一个js文件secret /** * 对页面上输入的密码进行加密传输给后台进行验证,对返回的数据进行解密,在页面展示 */ let CryptoJS = require('crypto-js'); // 引入AES源码js export default { /* * 对密码进行加密,传输给后台进行验证 * @param {String} word 需要加密的密码 * @param {String} keyStr 对密码加密的
vue项目中使用AES实现密码加密解密（ECB和CBC两种模式）

vue项目中使用AES实现密码加密解密区别 ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文. CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度.(不容易主动攻击,安全性好于ECB,是SSL.IPSec的标准) 代码实现先安装 crypto-js npm install crypto-js --save-dev ECB模式: import CryptoJS from "cryp
vue.js使用3DES加密的方法示例

本文实例讲述了vue.js使用3DES加密的方法.分享给大家供大家参考,具体如下: 如何在VUE-CLI手脚架建立的工程中使用3des加密: npm install crypto-js --save-dev import CryptoJS from 'crypto-js' //DES加密 Pkcs7填充方式 encryptByDES(message, key){ const keyHex = CryptoJS.enc.Utf8.parse(key); const encrypted = Cryp
在vue项目中使用md5加密的方法

npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('hello world') // 5eb63bbbe01eeed093cb22bb8f5acdc3 2.或者在main.js文件中将md5转换成vue原型: import md5 from 'js-md5'; Vue.prototype.$md5 = md5; 使用: this.$md5('hello world') // 5
vue实现文字加密功能

本文实例为大家分享了vue实现文字加密功能的具体代码,供大家参考,具体内容如下效果: 组件代码: base64 npm install --save js-base64 md5 npm install --save js-md5 <template> <div> </div> </template> <script> import md5 from 'js-md5'; var Base64 = require('js-base64').Bas
vue input实现点击按钮文字增删功能示例

本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1
vue实现文字转语音功能详解

目前h5新增一个文字转语音的功能(但是正在完善中,勉强能用),h5新增的SpeechSynthesisUtterance实例首先new一个SpeechSynthesisUtterance对象使用实例对象的一些属性,包括: text – 要合成的文字内容,字符串.lang – 使用的语言,字符串, 例如:"zh-cn"voiceURI – 指定希望使用的声音和服务,字符串.volume – 声音的音量,区间范围是0到1,默认是1.rate – 语速,数值,默认值是1,范围是0.1到1
基于Vue的文字跑马灯组件(npm 组件包)

一.前言总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的'marquee'的直接可以实现这个效果,不过 HTML标准中已经废弃了'marquee'标签既然HTML标准已经废弃了这个标签,现在工作上用的是Vue,所以想着能不能自己也发布一个基于Vue的文字跑马灯组件包,这样别人可以通过npm install ...就可以用,想想还有点激动,于是开始我的第一个npm组件之旅! 二.用npm发布一个包有点惭愧,之前通过npm install ...安装pac
PHP实现的简单sha1加密功能示例

本文实例讲述了PHP实现的sha1加密功能.分享给大家供大家参考,具体如下: function encryptTokey($data){ $apikey = 'testapikey111'; $ps1 = sha1($apikey . strtolower($data)); $ps1 = strtoupper($ps1); $s1 = implode(str_split($ps1, 2), '-'); $ps2 = md5($s1 . $apikey); $ps2 = strtoupper($p
C语言使用openSSL库AES模块实现加密功能详解

本文实例讲述了C语言使用openSSL库AES模块实现加密功能.分享给大家供大家参考,具体如下: 概述在密码学里面一共有3中分类: 1.对称加密/解密对称加密比较常见的有DES/AES.加密方和解密方都持有相同的密钥.对称的意思就是加密和解密都是用相同的密钥. 2.非对称加密/解密常见的加密算法DSA/RSA.如果做过Google Pay的话,应该不会陌生.非对称意味着加密和解密使用的密钥不是相同的.这种应用的场合是需要保持发起方的权威性,比如Google中一次支付行为,只能Google通
Python使用PyCrypto实现AES加密功能示例

本文实例讲述了Python使用PyCrypto实现AES加密功能.分享给大家供大家参考,具体如下: #!/usr/bin/env python from Crypto.Cipher import AES import base64 import os # the block size for the cipher object; must be 16, 24, or 32 for AES BLOCK_SIZE = 32 # the character used for padding--with
C语言使用openSSL库DES模块实现加密功能详解

本文实例讲述了C语言使用openSSL库DES模块实现加密功能.分享给大家供大家参考,具体如下: 在通讯过程中为了防止普通的玩家截取协议修改内容并且发送,我们是有必要对协议进行加密的.当前这样的加密手段都已经是变成世界里面的基础设施了.我们只需要将其引入到工程中就好.本文将会基于OpenSSL来编写一个加密.解密的实例.时下流行的加密解密方式有DES/AES.先我们来聊聊历史吧. 历史介绍 DES(Data Encryption Standard) DES一度是电子数据对称加密的主导者.他影响了
security.js实现的RSA加密功能示例

本文实例讲述了security.js实现的RSA加密功能.分享给大家供大家参考,具体如下: 在项目中遇到要对用户输入的密码进行RSA加密的需求,总结一下实现过程: <html> <head> <meta charset="utf-8" /> <title>www.jb51.net JS rsa加密</title> </head> <body> <div> <input type=&qu
vue实现随机验证码功能的实例代码

1.html代码 <div class="form-group" style="display: flex;"> <div> <span>验证码:</span> <input type="text" id="code" v-model="code" class="code" placeholder="请输入您的验证码&quo

vue实现文字加密功能

相关推荐

随机推荐