MCong’s Blog 👋🏼

前言：在前端开发过程中，登录注册页面几乎都是必不可少的页面，有些产品经理就会要求我们对密码进行强度的校验，普通的长度校验很简单，使用正则就可以实现，但是如果需要使用绿、黄、红色来提示用户，又怎么来做呢？废话不多说，直接上代码 校验规则 CheckPassword.js/CheckPassword.ts /** * 数字 */ const REG_NUMBER: string = '.*\\d+.*' /** * 大写字母 */ const REG_UPPERCASE: string = '.*[A-Z]+.*' /** * 小写字母 */ const REG_LOWERCASE: string = '.*[a-z]+.*' /** * 特殊符号(~!@#$%^&*()_+|<>,.?/:;'[]{}\) */ const REG_SYMBOL: string = '.*[~!@#$%^&*()_+|<>,.?/:;\'\\[\\]{}"]+.*' /** * 键盘字符表(小写) * 非shift键盘字符表 */ const CHAR_TAB....

浏览器存储限制 不同浏览器的 LocalStorage 存储限制有所不同，一般在 5MB 左右。以下是一些常见浏览器的存储限制： Chrome: 5MB Firefox: 5MB Safari: 5MB Edge: 5MB 检测存储大小 可以使用一个函数来检测当前 LocalStorage 中已经存储的数据量： function getLocalStorageSize() { let total = 0; for (let key in localStorage) { if (localStorage.hasOwnProperty(key)) { total += (localStorage[key].length + key.length) * 2; } } return (total / 1024).toFixed(2) + ' KB'; } console.log('当前 LocalStorage 使用量: ' + getLocalStorageSize()); 这个函数会计算 LocalStorage 中所有键值对的总大小，以 KB 为单位。 通过上述方法，可以捕获....

对于前端程序员来说console.log一定不陌生吧，还记得从我们大多数人踏入前端开始，console.log('Hello World')这一个语句是我们写的第一行JS的代码，一直伴随着整个前端开发的过程中，console.log是我们开发调试中不可或缺的一部分，那么，你真的了解console.log吗？ 基本使用 console.log的基本用法肯定都用过，就像我前边说的，有多少人的前端生涯就是从一句console.log('Hello World')开始的，基础用法也通常用来打印或调试错误来使用，或者用来在控制台输出语句的，就像下边这个最简单的栗子，我在控制台声明了一个str的常量，我想让它在控制它输出，那么就需要用到console.log(str）,此时控制台就会打印出来我声明的常量了， 除此之外，console.log也可以在我们代码出现bug时候，用来判断代码是否执行，这里我就不演示了。 进阶使用 除了上边基本使用的方法，大家有没有看过一些知名网站的控制台呢？很多网站会在控制台上边发布一些招聘信息、官网信息等一些宣传自己网站本身的一些东西，这样可以筛选掉大部分不懂....

js判断字符串中是否存在连续的三个字符和三个相同的字符（字母或数字） // 判断给定字符串中是否存在连续的三个字符（字母或数字） const hasConsecutiveOrder = str => { // 循环遍历字符串中的字符 for (var i = 1; i < str.length - 1; i++) { let currentCharCode = str.charCodeAt(i); // 当前字符的 ASCII 码值 let previousCharCode = str.charCodeAt(i - 1); // 前一个字符的 ASCII 码值 let nextCharCode = str.charCodeAt(i + 1); // 后一个字符的 ASCII 码值// 如果当前字符与前一个字符相差 1，同时与后一个字符相差 -1，表示存在连续的三个字符 if (currentCharCode === previousCharCode + 1 && currentCharCode === nextCharCode - 1) { return f....

数组对象去重(new Map方法) new Map方法 data() { return { // 导出列表 exportList:[ {fileName:"XXXX", fileStatus:"已完成", fileTime:"2022-12-19 10:48:26", fileSize:"1256513345"}, {fileName:"XXXX", fileStatus:"已完成", fileTime:"2022-12-19 10:48:26", fileSize:"1256513345"}, {fileName:"1111", fileStatus:"执行中", fileTime:"2022-12-19 10:48:26", fileSize:"1256513345"}, {fileName:"1122", fileStatus:"执行中", fileTime:"2022-12-19 10:48:26", fileSize:"1256513345"}, ], newExportList:[], // 新列表 用于存放去重后的数据 } }, methods: { getList() ....

数组中的属性/方法 数组中的属性 ​ 属性作用 constructor返回创建此对象的数组函数的引用 length设置或者返回数组中元素的长度 portotype向对象添加属性和方法 数组中的方法 方法描述备注 push(element1,element2,element3……)在数组末尾添加一个或多个元素，并返回新的长度 pop()删除并返回数组的最后一个元素 shift()删除并返回数组的第一个元素 unshift(element1,element2,element3……)在数组头部添加一个或多个元素，并返回新的长度 splice(下标,数量,修改的元素)删除从下标处开的零个或多个元素， 并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 原数组中删除了元素，则返回的是含有被删除的元素的数组。如果第二个参数为0，则只是添加 slice(start,end)返回从start到end（不包含）的元素组成的新数组 join('')把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。如果省略该参数，则使用逗号作为分隔符。 re....