前端基本加密

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)

        }

posted @ 2020-10-19 18:13  莫欺少年穷呐  阅读(181)  评论(0编辑  收藏  举报