vue 项目中添加DES加密
由于现在项目使用http协议,且登录界面是明文传输,项目真正上线后基本的密码传输都很不安全。
决定用前端框架加密后再进行传输,以提高密码传输过程中的安全性。
crypto-js 是一个流行的 JavaScript 加密库,它提供了多种加密算法和功能。以下是一些 crypto-js 提供的常见加密方法:常见的加密方法(简单看一下有点印象,下边着重介绍des加密)
1.
rsa1、安装jsencrypt,执行以下命令npm install jsencrypt --save-dev2 、安装encryptlong,执行以下命令npm i encryptlong -S安装这个就可以加密加长的字符了3、创建rsa.js文件 4、 引入‘jsencrypt’,‘encryptlong’/* 产引入jsencrypt实现数据RSA加密 */
impor
转载
2024-09-03 06:59:35
1674阅读
我的开源库:fly-barrage 前端弹幕库,项目官网:https://fly-barrage.netlify.app/,可实现类似于 B 站的弹幕效果,并提供了完整的 DEMO,Gitee 推荐项目;fly-gesture-unlock 手势解锁库,项目官网:https://fly-gesture-unlock.netlify.app/,在线体验:https://fly-gestu
<dependency>
<groupId>org.bouncycastle</groupId>
<artifactId>bcprov-jdk15on</artifactId>
<version>1.69</version>
</dependency>然后,在Java代码中使用私
转载
2024-10-24 10:13:53
172阅读
首先我们npm install jsencrypt --save 把依赖下载下来 上次写的修改源码实在是太鸡肋了,所以说又改了下rsa加密有长度限制rsa算法本身要求加密内容也就是明文长度m必须0<m<密钥长度n。如果小于这个长度就需要进行padding,因为如果没有padding,就无法确定解密后内容的真实长度,字符串之类的内容问题还不大,以0作为结束符,但对二进制数据就很难,因为不
转载
2024-09-07 21:22:36
431阅读
Vue 3 介绍
文章目录Vue 3 介绍为什么要学习 vue 3Vue3 动机 和 新特性Vite 的使用vite介绍为什么选 Vite ?Vite 的基本使用Vue3.0项目介绍vscode插件说明组合式APIcomposition API vs options API体验 composition APIsetup 函数reactive 函数ref 函数script setup语法(★)计
转载
2024-05-07 14:53:12
119阅读
# Vue 3 整合 Axios 的实用指南
在现代前端开发中,使用 Vue 3 进行高效的用户界面开发变得越来越流行,而 Axios 则是一个优秀的 HTTP 客户端库,用于发送 HTTP 请求。本文将带你深入了解如何在 Vue 3 中整合 Axios,以提升你的前端开发体验。我们将从安装、配置,到实际示例逐步进行讲解。
## 1. 什么是 Axios?
Axios 是一个基于 Promi
原创
2024-10-22 05:46:20
208阅读
# Vue 3 与 Axios 的整合使用
Vue.js 是一个用于构建用户界面的渐进式框架,而 Axios 是一个基于 Promise 的 HTTP 客户端,用于浏览器和 Node.js。将这两个强大的工具结合使用,可以有效地处理 API 请求和响应数据,提高开发效率。本文将详细介绍如何在 Vue 3 中整合 Axios,并通过示例帮助你快速上手。
## 1. 安装 Axios
首先,你需
vue3 深入浅出(连载三)手摸手实现 vue3大家好,我是Mokou,最近一直在做 vue3 相关内容,比如源码解析和mini-vue3的开发。回顾下前几章的内容,在前几章中主要讲述了以下内容。新构建工具 vite 的原理和从零开始实现
vue3 使用新姿势新api:reactive 使用和源码解析追踪收集 track 实现和源码解析追踪触发器 trigger 实现和源码解析响应式核心 effe
1. vue项目使用需安装依赖npm install --save sm-crypto2. vue 加密:const sm2 = require('sm-crypto').sm2
const cipherMode = 1 // 1 - C1C3C2,0 - C1C2C3,默认为1
export function getJMJqueryParams(params) {
if(typeof (
转载
2024-06-17 16:27:11
432阅读
严正声明! 重要的事情说一遍,本文章仅供分享,文章和代码都是开源的,严禁以此牟利,严禁侵犯尚硅谷原作视频的任何权益,我知道学习编程的人各种各样的心思都有,但这不是你对开源社区侵权的理由! 第16集:这一集老师啰嗦了一集,核心就两句话,一个是对axios的二次封装,还有一个是对promise结果再次封装使得其可以直接获取data,老师的代码应该是可以用的。这个写法只有get和post,不过不重要了,
转载
2023-11-11 23:10:03
50阅读
本文将通过解读render函数的源码,来分析vue中的vNode是如何创建的。在vue2.x的版本中,无论是直接书写render函数,还是使用template或el属性,或是使用.vue单文件的形式,最终都需要编译成render函数进行vnode的创建,最终再渲染成真实的DOM。 render函数render方法定义在文件 src/core/instance/render.js 中Vue.prot
转载
2024-09-29 15:57:24
22阅读
Vue3 + ts 实现瀑布流布局创建waterfall-flow / index.vue组件使用 下方为具体代码里面有具体注释 js 与下同,把类型声明去掉即可创建waterfall-flow / index.vue组件<template>
<div class="waterfall-container" v-if="waterfallList">
<
setup 函数是组合api的入口函数1. 使用 ref 只能定义简单类型的变化,不能监听复杂类型的变化(对象/数组)2. 在组合 API 中,如果想定义方法,不用定义到 methods 中,直接定义即可3. 在组合 API 中定义的变量/方法,要想在外面使用,必须通过 return 暴露出去<script>
import {ref} from 'vue'
e
转载
2024-06-10 10:13:50
55阅读
参考 https://blog.csdn.net/u014678583/article/details/105157695/ 安装命令 cnpm install crypto-js --save-dev 安装后package.json中出现 "crypto-js": "^4.0.0", --vue中 ...
转载
2021-09-22 14:44:00
169阅读
2评论
导入使用areaList: {
province_list: app.area.province_list,
city_list: app.area.city_list,
county_list: app.area.county_list
}area.js完整数据export default {
province_list: {
110
本文结合 Vue 源码进行学习
学习时,根据 github 上 Vue 项目的 package.json 文件,可知版本为 2.6.10解析器一、解析器的作用解析器的作用就是将模版解析成 AST(抽象语法树)在 Vue 中,解析 template 里面的 DOM 元素转换出来的 AST,是一个 Javascript 对象该 AST 是使用 JavaScript 中的对象来描述一个节点一个对象表示一
转载
2024-03-25 21:57:29
175阅读
导语: 做应用开发的,有时候会担心自己传输的数据会被监听或者窃取,出现安全问题,所以就有通过加密数据来保护数据安全,除了申请ssl证书,还有就是对传输的内容在传输之前进去加密。目录网站安全攻击方法应对措施网站安全自从网站诞生那日起,网站就有了生命。从刚开始的只游览各种信息,到论坛、门户等网站交互互动,再到现在的复杂设计,功能繁多,经过了一个个历程。刚开始网站只是游览信息,那时候电脑也不普及,也谈不
转载
2023-12-13 17:34:07
43阅读
Vue3 整合 Pinia 存储数据
原创
精选
2024-08-01 00:17:34
486阅读
image.png
上图是 BeetlSQL官网中对BeetlSQL的介绍,简单来说我们可以得到几个点 开发效率高维护性好性能数倍于JPA MyBatis关于BeetlSQL的更多介绍大家可以去到官网去看看,接下来我们来看看如何把这个DAO工具整合到项目中pom.xml<dependencies>
<depen
转载
2024-09-07 10:04:32
137阅读