一、MD5核心特性
| 特性 | 说明 |
|---|
| 定义 | MD5（Message-Digest Algorithm 5）是一种单向哈希函数，用于将任意长度的数据转换为固定长度（128位/32字符十六进制）的哈希值。 |
| 属于加密吗 | MD5 不属于加密算法，而是一种单向哈希算法 |
| 算法类型 | 密码学哈希函数（不可逆） |
| 输出长度 | 128位（16字节），通常表示为32位十六进制字符串（如 "5d41402abc4b2a76b9719d911017c592"） |
| 用途 | 数据完整性校验、密码存储（不推荐）、唯一标识生成等 |
| 安全性 | 不安全（易碰撞，已被破解，不适用于安全场景） |
| 性能 | 计算速度快，适合前端轻量级使用 |
| 输入敏感性 | 输入的微小变化会导致输出完全不同（雪崩效应） |
| 前端实现方式 | 使用库（如 crypto-js、spark-md5）或浏览器原生 API（SubtleCrypto） |
二、MD5 在前端开发中的常见用途
| 用途 | 示例场景 |
|---|
| 数据校验 | 检查文件下载是否完整（对比哈希值） |
| 密码存储（不推荐） | 旧系统可能用 MD5 存储密码（需加盐，但仍不安全） |
| 唯一标识生成 | 根据用户输入生成唯一 ID（如缓存键） |
| 简单加密（非安全） | 隐藏敏感信息（如 URL 参数，但易被破解） |
三、在线生成MD5
MD5生成 - 记灵工具
四、js-md5
<template><div><input v-model="inputValue" placeholder="Enter text to hash" /><button @click="generateHash">Generate MD5 Hash</button><p>MD5 Hash: {{ hashValue }}</p></div>
</template><script setup lang="ts">
import { ref } from 'vue';
import md5 from 'js-md5'; // 引入 js-md5 库中的 md5 函数const inputValue = ref('');
const hashValue = ref('');const generateHash = () => {hashValue.value = md5(inputValue.value); // 使用 md5 函数生成哈希值
};
</script><style scoped>
</style>
五、欢迎交流指正
