无论你开发什么样的项目,你可能都会要开发登录、注册、修改密码、忘记密码这些功能,少数项目除外!!要实现这些功能,对于保护用户或者管理员账号密码,这是我们程序员肯定要做的事情。要是用户密码不加密,用明文方式传给后台,是不是有点耍流氓了!!!所以为了保证密码的不可见性,我们还是加密吧!下面我简单介绍一下三种加密方法,也是我最常用的三种方法。

1.MD5:

1)、基本介绍

中文名:消息摘要算法

英文名:Message Digest Algorithrm MD5

其实再MD5诞生之前,还有MD2 MD3 MD4

MD5用的最多的地方就是 用户密码存储 文件校验

2)、使用方法

1. 使用npm 安装:npm install crypto --save (或者使用cdn:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js)

2.想在哪个组件中使用,就在哪个文件中引用 :import crypto from 'crypto'

3.methods中定义方法,然后调用

setMd5(){
var md5 = crypto.createHash("md5")
md5.update(this.pw2)//this.pw2这是你要加密的密码
this.pw = md5.digest('hex')//this.pw这就是你加密完的密码,这个往后台传就行了

},

4.加密完之后是32位的、其实还可以加密成16位或者8位,哪种位数都行,满足需求就ok

2.sha256:

1)、基本介绍

1.中文名、英文名,全都叫sha256

2.因为哈希值是固定大小的  256位所以名字有个256

3.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法

2)、使用方法

1.使用npm安装 :npm install js-sha256

2.然后在组件中methods定义方法,在调用

// sha256加密密码
          setSha(){
            let sha256 = require("js-sha256").sha256//这里用的是require方法,所以没用import
            this.pw = sha256(this.passWord)//要加密的密码
            console.log(this.pw)//这就是你加密之后的密码

},

3.base64

1)、基本介绍

8bit字节代码的编码方式之一

2)、使用方法

1.npm 安装 npm install js-base64

2.跟上面一样,不啰嗦。

setBase(){

let Base64 = require("js-base64").Base64//还是require

this.pw = Base64.encode(this.passWord)//还是那些操作

console.log(this.pw)

}

3.总结

使用方法都一样,没什么本质上的区别,想用啥方法就用啥方法。
---------------------
作者:棋鬼王
来源:CSDN
原文:https://blog.csdn.net/qq_32113629/article/details/79784897
版权声明:本文为博主原创文章,转载请附上博文链接!

最新文章

  1. Speedment -- 利用lambda编写SQL
  2. [翻译]当分发数据库增长到25G时如何解决
  3. HDU1426 DFS
  4. ubuntu16.04部署RED5流媒体服务器
  5. 远程调试js注意事项
  6. Font Combiner – 自定义网页字体和图标生成工具
  7. NDK学习4: Eclipse HelloWorld
  8. 转!!XML,DTD,XSD,XSL的区别
  9. Git简易的命令行入门教程
  10. Windows Phone8.1 SDK中的新控件
  11. ArcGIS Server 10.2 实战(一)Asp.net MVC与JSON数据妙用实现动态生成要素图层
  12. [Jquery] js获取浏览器滚动条距离顶端的距离
  13. tomcat异常
  14. Oracle EBS-SQL (SYS-1): sysadmin_用户职责查询.sql
  15. JSONP不支持循环调用
  16. php添加日志文件
  17. 使用vue-cli3搭建一个项目
  18. 百度UEditor的config.json
  19. python---自定义分页类
  20. Linux_01

热门文章

  1. jquery时间控件
  2. QQ消息群发助手(超级简单)
  3. SPACESNIFFER查看文件大小
  4. [LC] 59. Spiral Matrix II
  5. Spring-增强方式注解实现方式
  6. 数据库引擎MyiSAM和InnoDB区别
  7. program files 和 program files 86
  8. 吴裕雄--天生自然python学习笔记:Python3 错误和异常
  9. 饿了么vue实现学习笔记
  10. Handler机制中的消息队列