vue3 计算用户密码的密码强度 [ @zxcvbn-ts/core ]

前言

平时开发网站时，为了用户的账号安全，我们大多数时候需要在用户注册时，对用户的密码强度加以限制或者提示，让用户知道自己的密码是否合理。

于是本文就介绍一个非常好用的zxcvbn包，可以得到一个密码字符串的安全程度得分，赶快来学会它吧。

介绍

@zxcvbn-ts/core 是 zxcvbn 密码强度估计器的 TvpeScript 实现版本，用于帮助开发者评估用户设置密码的复杂度和安全性，计算的依据有:

• 密码长度：越长分数越高
• 字符类型：数字、字母、符号
• 词典攻击检测：内置词典列表，检测密码强度
• 评分系统：0-4分，分数越高越安全
• 熵计算：评测密码所需尝试次数，熵越高，分数越高

1. 安装

npm install @zxcvbn-ts/core --save

2. 使用

在所需要使用的当前页面中引入

import {zxcvbn } from '@zxcvbn-ts/core';

console.log(zxcvbn('123').score);//0
console.log(zxcvbn('123123#@!').score);// 1
console.log(zxcvbn('123123#@!').score);//2
console.log(zxcvbn('123123#@!*a').score);//3
console.log(zxcvbn('123_a_123#@!').score);// 4

评分显示的样式 可自己选择。