环境:在工作中,前端页面发送的报文可能涉及到用户信息,为确保数据安全,需要对请求的数据加密,采用SM2非对称加密,可以有效解决数据的安全问题。 前端加密,后端解密Demo源码下载地址https://gitee.com/iroc-git/springboot-encryptreq.git 实现步骤:第一步:在Maven项…
HTML引入crypto-js.min.js<script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script>vue安装crypto-jsnpm install cry…
一、安装 ‘js-base64’库vue: 使用 npm 或 yarn 包管理器来安装‘js-base64’ 库npm install --save js-base64原生: 通过<script src="https://cdn.jsdelivr.net/npm/js-base64@…
注意,需要<!--引入jsencrypt.js--><script src="https://cdn.bootcss.com/jsencrypt/3.0.0-beta.1/jsencrypt.js"></script><!DOCTYPE html><html>…
目录下拉类型多选组件Vue-Treeselect(键名转换)支持的功能项在一般项目中也可以使用vue-treeselect下拉树稍微注意点下拉类型多选组件Vue-Treeselect(键名转换)支持的功能项1.支持嵌套选项的单选和多选2.模糊匹配3.异步搜索4.延迟加载(仅在需要时加载深度选项的数据)5.键盘支持(使用Arrow Up &…
申明,全篇内容都是基于pako.js来实现gzip压缩字符串,本文只是介绍简单用法前言后端返回前端一般直接用Nginx或者Tomcat就可以自动实现Gzip,但前端发送给后端就需要额外的代码实现,这个就看需求了,如果需要发送大量可压缩率高的文本,可以通过此方法实现前端JS压缩字符串,再发送到后端服务器解压字符串。在线演示DEMO地址:ht…
方法一:使用Array.isArray()方法和array.length属性可以通过array.isarray()方法检查该数组是否确实是一个数组。如果作为参数传递的对象是数组,则此方法返回true。它还检查数组是否为“undefined”或为“null”。使用array.length属性检查数组是否为空;此属性返回数组中的元素数量。如果…
需求判断上传的类型只能是图片 const fileType = file.type.substring( file.type.lastIndexOf("/")&…
前言前端本地化存储算是一个老生常谈的话题了,我们对于 cookies、Web Storage(sessionStorage、localStorage)的使用已经非常熟悉,在面试与实际操作之中也会经常遇到相关的问题,但这些本地化存储的方式还存在一些缺陷,比较明显的缺点如下:存储量小:即使是web storage的存储量最大也只有 5M存取不…
一、lottie的引入 1. 可以同script引入 <script src="./js/lottie.js" type="text…