前端 crypto-js aes 加解密 背景 前段时间公司做项目,该项目涉及到的敏感数据比较多,经过的一波讨论之后,决定前后端进行接口加密处理,采用的是 AES + BASE64 算法加密~ 网上关于...、DES、Rabbit、RC4、Triple DES 加解密,我们可以采用 npm install crypto-js --save 进行下载安装,也可以直接去 GitHub下载源码~ 其次我们需要定义两个方法...,分别是用于加密和解密,这里我将它放在了 utils 文件夹下,命名为 secret.js ,其具体代码如下: const CryptoJS = require('crypto-js');...将其暴露出去,方便在需要的时候进行引入~ ok,核心代码就这么多,是不是很简单啊,其实也么有你想的那么复杂哈,剩下的就是展示一下如何使用咯~ 示例 这里我定义了一个 index.vue 用来展示数据加解密的操作...,是不是感觉很简单啊,用起来很简单,原理可不简单,况且这也只是其中的一种方案,关于加解密的方法还有很多,感兴趣的小伙伴们可以继续做一些深入的研究哈~
近期项目进行到了对数据的加解密,生成_token,增加授权认证,找到了比较安全且使用范围比较广的Discuz!...加解密函数,分享一下: class Demo extends Controller { //函数authcode($string, $operation, $key, $expiry)中的$string...$key : $GLOBALS['discuz_auth_key']); // 密匙a会参与加解密 $keya = md5(substr($key, 0, 16));...tmp = $box[$i]; $box[$i] = $box[$j]; $box[$j] = $tmp; } // 核心加解密部分
mysql加解密,substring substring_index函数 SELECT to_base64(AES_ENCRYPT('测试串','key12345678')) ; SELECT AES_DECRYPT...(from_base64('iqJIDwYLlcAZ/AP3VvODJg=='),'key12345678'); # 拼接函数串123456789 SELECT CONCAT("拼接函数串","123456789..."); # 拼接函数串123456789 SELECT CONCAT("拼接函数串","123456789","he","llo"); # 拼接函数串123456789hello #格式: SUBSTRING...(s, start, length) SELECT SUBSTRING('拼接函数串123456789',6); # 123456789 SELECT SUBSTRING('拼接函数串123456789...SELECT SUBSTRING('拼接函数串123456789',6,3); # 123 #格式:SUBSTRING_INDEX(str, delimiter, number) #str: 待截取的字符串
加密流程图: 封装工具方法 JS 工具方法 // 引入依赖 js/4.0.0/crypto-js.min.js.../4.0.0/crypto-js.min.js"> var key = "xxxxxxxxxxxxxxxx"; function...CryptoJS.pad.Pkcs7 }).toString(CryptoJS.enc.Utf8); } 加解密测试...CryptoJS.pad.Pkcs7, } ).toString(CryptoJS.enc.Utf8); } AES加解密.../** * @ClassName: AESUtil.java * @ClassPath: com.tansci.util.AESUtil.java * @Description: AES对称加解密工具类
(){ console.log("hello js") } sayHello() 参数 形式参数 : 在函数声明时, 设置的参数。...//带参数的函数声明 function 函数名(形参1, 形参2, 形参...){ //函数体 } //带参数的函数调用 函数名(实参1, 实参2, 实参3); 计算2个数的和 ...函数作用域 :在 函数内的区域 叫做函数作用域,在函数作用域内声明的变量叫做局部变量 ,局部变量只有在当前函数内才能访问到。...预解析 js执行代码分为两个过程: 预解析过程(变量与函数提升) 代码一行一行执行 console.log(num); var num = 1 console.log(num) 预解析过程 把var声明的变量提升到当前作用域最前面...把函数声明提升到当前作用域的最前面。 如果函数同名 , 后者会覆盖前者 。 如果var声明的和函数声明的同名, 函数优先。
一 函数定义 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块; 函数就是包裹在花括号中的代码块 function 函数名() { ...这里是要执行的代码 } 二 函数的声明和调用 函数的声明必须使用关键字function 关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数 函数本身不会自动运行...,只有当调用该函数时,才会执行函数内的代码 函数可以通过其名字加上括号中的参数进行调用 三 带有返回值的参数 使用return 语句来返回值 可以将返回值赋值给一个变量,然后对变量进行操作...四 arguments对象 在函数代码中,使用特殊对象 arguments存储函数调用传递给该函数的所有参数 可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length...sun+=arguments[i]; } return sun; } var s= sum(2,3,4,5);//虽然sum函数时没有参数的
查看私钥 cat rsa_1024_pub.pem //查看公钥 前端代码: js..."> js"> $(function (...= new JSEncrypt();//必须引入jsencrypt.mim.js 文件,否则会报错 //注意:如果加密就使用公钥,解密就使用私钥,按自己的需求 //初始化公钥...js_encrypt.setPublicKey(pub_key); //初始化私钥 js_encrypt.setPrivateKey(private_key); //通过 公钥...Github 地址:jsencrypt.min.js
函数声明 (函数语句) function name([param[, param[, ... param]]]) { statements } 函数表达式 (function expression) 您可以创建一个没有名称的函数...(匿名函数): function() { alert('hello'); } 这个函数叫做匿名函数 — 它没有函数名!...不以function开头的函数语句就是函数表达式定义。 匿名函数也称为函数表达式。函数表达式与函数声明有一些区别。...(4, 3); 注意: 不推荐使用 Function 构造函数创建函数,因为它需要的函数体作为字符串可能会阻止一些JS引擎优化,也会引起其他问题。...函数显式参数(Parameters)与隐式参数(Arguments) 显式参数在函数定义时列出。 函数隐式参数在函数调用时传递给函数真正的值。
加解密 1.pom依赖 org.jasypt jasypt-spring31
1 加解密类别 古典密码学: 单表替换加密(MonoalphabeticCipher)。 多表替换加密(PolyalphabeticCipher)。 其他加密方式。...哈希函数(HashFunction),以MD5,SHA-1,SHA-512等为代表。 数字签名(DigitalSignature),以RSA签名,ElGamal签名,DSA 签名为代表。...range(0,length): data += chr((ord(miwen[i])-ord(char[i]))%128) bocctf{EnCryption_Is_S0_easy} 3仿射密码 加密函数...它的加密函数是: y=ax+b(mod m) 其中a和m互质,m是字母的数目。 解密函数是; x=a-1(y-b)(mod m) 其中是a的数论倒数。...] =chr(miwen[i]) print(''.join(miwen)) 方法二:利用运算性质解密 第i个元素与后一位异或了(16-i)次 与同一元素异或2次 偶数位不变化,奇数位与后一位异或 逆函数为其本身
["1", "2", "3"].map(parseInt); //[1,NaN,NaN] 这个 map 函数的功能是啥都不知道,很尴尬… map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组...通常情况下,map 方法中的 callback 函数只需要接受一个参数(很多时候,自定义的函数形参只有一个),就是正在被遍历的数组元素本身。...map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.
/ei/webreport/js/xgrid/image/addimage.png" />'; var imgObj = tempDiv.lastChild;.../ei/webreport/js/xgrid/image/fileImage/" + fileSuffix + ".gif"; var marginTop = (height -.../ei/webreport/js/xgrid/image/addattach.png" />'; var imgObj = tempDiv.lastChild;.../ei/webreport/js/xgrid/image/null.gif)"; } }else{ if (!.../ei/webreport/js/xgrid/image/null.gif)" :""; } } } td.setAttribute
前言 我在阅读《JavaScript 设计模式与开发实践》的第 15 章 装饰者模式,突然发现 JS 逆向中 hook 函数和 js 中的装饰者模式有点像,仔细阅读完全篇后更是对装饰器与 hook...书中给的例子想说明的,想为某个原函数(比如这里的 add)添加一些功能,但该原函数可能是由其他开发者所编写的,那么直接修改原函数本身将可能导致未知 BUG,于是便可以用上面的方式进行复写原函数的同时,还不破坏原函数...this 指向问题 但并不是什么函数都能这样操作,或者说这样操作会导致原本函数可能执行不了,比如 this 指向,虽说没有修改原函数,但是原函数的 this 已经给我们更改成当前环境下(如window...,而后者通过函数原型链将参数与结果通过回调函数的形式进行使用。...在不考虑 this 指向,我个人更偏向第一种写法,而第二种写法也确实让我眼前一亮,很巧妙的使用 js 的原型链,从而避免 this 指向的问题。
——圣·普波 在js中我们可以使用惰性函数,用于重新定义函数自身的行为 例如: function addEvent(type, el, fn) { if (window.addEventListener...el['on' + type] = fn; } } addEvent(type, el, fn); } // 第一次调用会进行环境判断,之后的调用就会直接使用适合当前环境的函数实现
以前上c++的时候函数重载再熟悉不过了,今天看到了一篇文章,也是讲了下js的函数重载,我觉得也是收益匪浅。...js语言本身是没有重载这种说法的,js的重载是巧妙地利用了jS的闭包的特性,先上代码吧。...// arguments.length为函数调用时的参数个数 if (f.length === arguments.length)//如果当前调用的参数和...return f.apply(this, arguments); } else if (typeof old === "function")//否则就调用old指向的那个函数...从代码中可以看到addMethod函数中包含了object[name] = function()这个函数。代码后面调用了3次的addMethod来添加这个find函数,其实相当于建立了3个闭包。
人的一生是短的,但如果卑劣地过这一生,就太长了——莎士比亚 在前端开发中,可能会有“需要从数组里取出符合条件的某条数据”这个需求 我们可以使用find函数 var list = [1,4,3,2,5
Js箭头函数 箭头函数是ES6新增的语法,提供了一种更加简洁的函数书写方式,类似于匿名函数,并且简化了函数定义。 完整写法 完整写法类似于匿名函数,省略了function关键字。...this,在箭头函数的函数体中使用this时,会取得其上下文context环境中的this。...由于箭头函数没有自己的this指针,使用apply、call、bind仅能传递参数而不能动态改变箭头函数的this指向。...this指向,所以指向contextObj对象 s2为普通函数,可以改变this指向,所以this指向了调用者 */ 利用箭头函数的this指向特点可以解决一些问题,例如常见的回调函数中this指向问题...var s = () => {}; console.log(s.prototype); // undefined 不能用作函数生成器 箭头函数不能用作Generator,yield关键字通常不能在箭头函数中使用
箭头函数 箭头函数表达式没有自己的this,arguments,super或new.target。...引入箭头函数作用 引入箭头函数的作用:更简短的函数并且不绑定this 更简短的函数 let sum = (x,y,z) => { return x+y+z; } 不绑定this 在箭头函数出现之前,每个新定义的函数都有他自己的...(在构造函数的情况下是一个新对象,在严格模式的函数调用中为 undefined,如果该函数被作为“对象方法”调用则为基础对象等)。...箭头函数不能使用new操作符 箭头函数不能用作构造器,和 new一起用会抛出错误。...yield 关键字通常不能在箭头函数中使用(除非是嵌套在允许使用的函数内)。
定义:匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数:没有实际名字的函数。...首先我们声明一个普通函数: //声明一个普通函数,函数的名字叫fn function fn(){ console.log(“张培跃”); } 然后将函数的名字去掉即是匿名函数: //匿名函数...解决方法只需要给匿名函数包裹一个括号即可: //匿名函数在其它应用场景括号可以省略 (function (){ //由于没有执行该匿名函数,所以不会执行匿名函数体内的语句。...console.log("张培跃"); }) 如果需要执行匿名函数,在匿名函数后面加上一个括号即可立即执行!...在这里简单介绍一下:闭包是可以访问在函数作用域内定义的变量的函数。若要创建一个闭包,往往都需要用到匿名函数。 2、模拟块级作用域,减少全局变量。
1、前言 康盛的 authcode 函数很牛叉,是一个具有有效期的加解密函数,同一个字符每次加密所产生的结果都是不一致的,并且可以自定义设置过期时间。 ...$key : 'default_key'); // 这里可以填写默认key值 27 $keya = md5(substr($key, 0, 16)); // 密匙a会参与加解密...$box[$i] = $box[$j]; 55 $box[$j] = $tmp; 56 } 57 58 // 核心加解密部分...keyc.str_replace('=', '', base64_encode($result)); 83 } 84 85 } 3、参考文献 1、《discuz 经典php加密解密函数
领取专属 10元无门槛券
手把手带您无忧上云