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.www897cc.com/showinfo-26-112738-0.html這八 個常見的前端開源庫,你一定要知道!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com
上一篇: SharpLab:.NET反編譯工具的技術深度解析
下一篇: 我們一起聊聊如何編寫技術文檔