2024年最新在前端对登录密码进行加密，md5+盐值_前端登录密码加密，前端开发与后端开发

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

在前端对登录密码进行加密，md5+盐值

场景：前端制定规则账号密码，后端不进行参与，完全就是前端进行校验
缺点：对于现在网络发达的时代，大部分人随便攻击你的网站就可以看到你的账号密码这样就可以轻松进入你的网站、不安全。
优点：基本没有，除非就是临时搭建 不需要后端

• 当然这是我开发时候的场景 大家在和后端进行加密的时候也可以使用这套加密逻辑是一样的

了解MD5

其实在MD5之前还有MD4和MD2 他们都是算法 经过一代一代的迭代

• MD5的特点
  1.长度固定：无论多长的字符串，加密后长度都是一样长。
  2.方便使用：我们可以直接下载MD5的包 可以直接使用md5("加密内容")
  3.不可逆性：基于这个不可逆性大大的提高了安全性
  亿点小知识：对于MD5不可逆的说法网上有很多讨论 如果是暴力逆转的话就不好说了
  

盐值是什么？

第一次听到盐值、很懵 盐？
翻译 salt：盐
其实SALT值属于随机值 不规律的值
其实盐值就是给算法加点盐(salt)，salt相当于加密的密钥，增加攻击网站破解加密后值的难度

实战

1.安装MD5

npm install js-md5

2.引入MD5
全局引入

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;
// 其他页面使用
this.$md5("加密内容")

局部映入

import md5 from 'js-md5';
md5("加密内容")

3.在login页面

### 刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

* **前端字节跳动真题解析**  

  ![](https://i-blog.csdnimg.cn/blog_migrate/e4105708c4a5755616f879f5976b99d5.png)

* **【269页】前端大厂面试题宝典**  

  ![](https://i-blog.csdnimg.cn/blog_migrate/a54028fa5f3725b698fb1915b7408ed7.png)


最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。