最新Vue3 使用MD5加密（清晰明了）_vue3 md5加密(1)，前端开发网络培训

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

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

	useAccountScriptSubmitApi(dataForm).then(() => {
		ElMessage.success({
			message: '操作成功',
			duration: 500,
			onClose: () => {
				visible.value = false
				emit('refreshDataList')
			}
		})
	})
})

}

## vue3 安装 js-md5

npm install --save js-md5

### 局部


**定义：**

import md5 from “js-md5”;

### 出现问题


![在这里插入图片描述](https://img-blog.csdnimg.cn/ca195555bb494c27b303dbbcb722ce12.png)  
 意思是：  
 已声明“md5”，但从未读取其值。ts(6133)  
 无法找到模块“js-md5”的声明文件。“…/src/md5.js”隐式拥有 “any” 类型。  
 尝试使用 **npm i --save-dev @types/js-md5** (如果存在)，或者**添加一个包含 declare module ‘js-md5’; 的新声明(.d.ts)文件ts**。


提示已经提供了两种方案。


### 方案一（没使用过）

npm i --save-dev @types/js-md5

### 方案二


在目录src中创建 shims.d.ts 文件，文件名可以自己定义，由于我这个已经有 shims.d.ts 文件，直接在文件里面加声明了。.d.ts 文件是可以放到src目录下，或者根目录都可以。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b9fe815a6e824e28ab711df5d21c8647.png)  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/179a36bae0ec4f88bf6367e499c6d472.png)


### 案例


配置完之后，就可以使用了。

// 表单提交
const submitHandle = () => {
dataFormRef.value.validate((valid: boolean) => {
if (!valid) {
return false
}
dataForm.password = md5(dataForm.password)
console.log(‘加密密码：’,dataForm.password);
})
}

### 实现效果


![在这里插入图片描述](https://img-blog.csdnimg.cn/87685c5eec8f4f248cf53b341aa67577.png)  
 创作不易，还望大佬给个赞支持支持，谢谢






**总结**:

*   函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

*   它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

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

> Tips:

> 其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

> 

> 我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 **优劣势**。

> 

> 理解和学习它们的理念与优势，合理地 **设计融合**，将优秀的软件编程思想用于提升我们应用；

> 所有设计思想，最终的目标一定是使我们的应用更加 **解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全**；