首页 > 其他分享 >前端JS必用工具【js-tool-big-box】学习,检测密码强度

前端JS必用工具【js-tool-big-box】学习,检测密码强度

时间:2024-06-03 13:28:16浏览次数:30  
标签:box const 必用 big 强度 密码 matchBox checkPasswordStrength

js-tool-big-box 前端工具库,实用的公共方法越来越多了,这一小节,我们带来的是检测密码强度。

我们在日常开发中,为了便于测试,自己总是想一个简单的密码,赶紧输入。但到了正式环境,我们都应该为自己准备一个密码强度较高的密码,以提高安全性。我们一起来看一下在js-tool-big-box工具库中,如何使用检测密码强度这一实用的功能吧。

目录

1 安装引入

2 检测密码强度使用

3 使用方法总结


1 安装引入

执行npm命令,进行安装

npm i js-tool-big-box

在项目中导入 matchBox 对象,检测密码强度这一方法在matchBox的对象中。

import { matchBox } from 'js-tool-big-box';

2 检测密码强度使用

工具中,以6位密码做为起步合规长度,分别对密码长度、是否包含数字、是否包含小写字母,是否包含大写字母、是否包含特殊字符等做了强度累加判断,意思就是包含的越多,强度值越高。一起来看一下示例代码吧。

const pwd1 = '12345';
    const pwd1Strength = matchBox.checkPasswordStrength(pwd1);
    console.log('12345的密码强度值为:', pwd1Strength);
    const pwd2 = '123456';
    const pwd2Strength = matchBox.checkPasswordStrength(pwd2);
    console.log('123456的密码强度值为:', pwd2Strength);
    const pwd3 = '123456qwe';
    const pwd3Strength = matchBox.checkPasswordStrength(pwd3);
    console.log('123456qwe的密码强度值为:', pwd3Strength);
    const pwd4 = '123456qweABC';
    const pwd4Strength = matchBox.checkPasswordStrength(pwd4);
    console.log('123456qweABC的密码强度值为:', pwd4Strength);
    const pwd5 = '123@456qwe=ABC';
    const pwd5Strength = matchBox.checkPasswordStrength(pwd5);
    console.log('123@456qwe=ABC的密码强度值为:', pwd5Strength);

 

3 使用方法总结

方法名返回值入参

checkPasswordStrength

密码强度,从0到4第一个参数必填,为需要检测的密码,字符串

标签:box,const,必用,big,强度,密码,matchBox,checkPasswordStrength
From: https://blog.csdn.net/xingyu_qie/article/details/139403976

相关文章

  • xbox XGPU 14天试用 Xbox Game Pass Ultimate
    XboxGamePassUltimate14DayTrialRecursMonthlyAllInOneXboxXGPU14天试用(14天试用每月重复一次)US$16.99https://www.xbox.com/en-us/games/store/xbox-game-pass-ultimate/cfq7ttc0khs0?icid=CNavAllXboxGamePassUltimateHK$85https://www.xbox.com/zh-......
  • moneybox
    目录靶场名称:moneybox1网络拓扑:1渗透测试步骤:11.配置网络环境:12.主机扫描13.目录探测34.ssh爆破45.ssh登录46.提权6靶场名称:moneybox网络拓扑:渗透测试步骤:配置网络环境:Window11(攻击机):192.168.48.128靶机:192.168.48.129两者均为nat模式主机扫......
  • Flutter 中的 LimitedBox 小部件:全面指南
    Flutter中的LimitedBox小部件:全面指南Flutter是一个功能强大的UI框架,它提供了大量的小部件来帮助开发者构建美观且响应式的用户界面。在Flutter的布局小部件中,LimitedBox是一个不太常见但非常有用的组件,它可以用来限制其子组件的最大尺寸。本文将详细介绍Limited......
  • PentestBOX教程(三)
    PentestBOX教程(三)文章目录PentestBOX教程(三)PentestBOX常用工具Web漏洞扫描器BurpSuiteCommixdotdotpwnfimapGolismerojSQLNiktoPadBusterSqlMapVegaWpscanYasuoZaproxyWeb应用程序代理BurpSuiteZaproxyCMS漏洞扫描器python开源CMS扫描-CMSmap基于插件的扫描仪-droo......
  • BigDecimal 加减乘除 比较大小 取余 mod
    加减乘除BigDecimala=newBigDecimal("1");BigDecimalb=newBigDecimal("3");BigDecimalc=a.add(b);BigDecimald=a.subtract(b);BigDecimale=a.multiply(b);BigDecimalf=a.divide(b......
  • css18 CSS Box Model
    https://www.w3schools.com/css/css_boxmodel.aspAllHTMLelementscanbeconsideredasboxes.TheCSSBoxModelInCSS,theterm"boxmodel"isusedwhentalkingaboutdesignandlayout.TheCSSboxmodelisessentiallyaboxthatwrapsarounde......
  • ColoredBox child 是 Scaffold 颜色失效
    在Flutter中,Scaffold小部件有自己的一组属性来管理其外观,包括背景颜色。当你将Scaffold作为ColoredBox的子小部件时,Scaffold的backgroundColor属性将覆盖ColoredBox的颜色。要解决这个问题,你可以直接设置Scaffold的backgroundColor属性,而不是使用ColoredBox。如......
  • 探索 ChatboxAI:智能对话的新时代
    在人工智能迅速发展的今天,智能对话已经成为了我们日常生活中不可或缺的一部分。从智能助理到聊天机器人,AI技术正在改变我们与世界互动的方式。今天,我们要介绍的是一个全新且功能强大的平台——ChatboxAI。什么是ChatboxAI?ChatboxAI是一个基于先进自然语言处理技术的对......
  • SSH连接NAT网络模式VirtualBox虚拟机
    Host:Windows11Target:Ubuntu22onVirtualBox原理:使用网络端口转发功能,把本地端口映射到虚拟机的22端口。1.配置端口转发NAT网络模式下,依次点击:虚拟机-->网络-->适配器1-->高级-->端口转发。 2.填写网络参数Name:ssh(随便写,最好填写和功能相关的字符串);Prot......
  • Ollama+Chatbox,搭建本地AI聊天系统
        Ollama是一个开源的大型语言模型服务,提供了类似OpenAI的API接口和聊天界面,可以非常方便地部署最新版本的GPT模型并通过接口使用。支持热加载模型文件,无需重新启动即可切换不同的模型。Ollama的优势    提供类似OpenAI的简单内容生成接口,极易上手使用类似Ch......