Hello,大家好,我是 Sunday。
库的使用是我们在日常开发中的必备操作。那么今天,为大家推荐 8 个常见的前端库,以帮助大家更好的完成日常工作!
GitHub 地址:https://github.com/rayepps/radash
GitHub 地址:https://github.com/zxcvbn-ts/zxcvbn
图片
zxcvbn 是一个强大的密码强度评估库,主要用于评估用户输入的密码的复杂性和强度。它由 Dropbox 开发,旨在比传统的密码强度检测方法(如仅基于字符长度或字符类型)提供更准确和智能的评估。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>zxcvbn 示例</title></head><body> <h1>密码强度检测</h1> <input type="password" id="password" placeholder="输入密码"> <div id="feedback"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js"></script> <script> document.getElementById('password').addEventListener('input', function () { var password = this.value; var result = zxcvbn(password); // 使用 zxcvbn 评估密码 document.getElementById('feedback').innerHTML = '密码强度: ' + result.score + '/4<br>' + '反馈: ' + result.feedback.suggestions.join(', '); }); </script></body></html>
zxcvbn 会为密码返回一个评分(score),范围为 0 到 4,表示密码的强度:
zxcvbn 的返回结果中包含丰富的信息,除了密码强度评分外,还包括建议和密码的详细分析:
{ score: 3, // 密码强度评分(0 - 4) feedback: { suggestions: ['Add another word or two', 'Avoid common phrases'], // 提示改进建议 warning: 'This is a top-10 common password' // 警告 }, guesses: 10000, // 估计需要多少次尝试才能破解密码 crack_times_display: { online_throttling_100_per_hour: "100 years", // 不同场景下破解时间估算 online_no_throttling_10_per_second: "5 days", offline_slow_hashing_1e4_per_second: "3 hours", offline_fast_hashing_1e10_per_second: "instant" }, sequence: [...], // 检测到的密码模式}
本文链接:http://www.28at.com/showinfo-26-112738-0.html这八 个常见的前端开源库,你一定要知道!
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com
上一篇: SharpLab:.NET反编译工具的技术深度解析
下一篇: 我们一起聊聊如何编写技术文档