MCong’s Blog 👋🏼

前言 在写项目过程中，看到了项目中某个文件中的自定义校验规则内一个if中条件写了一个val === '',这时突然想到了lodash库中有一个isEmpty方法，可以判断字符串是否为空，我便不假思索的将这一个判断给改成了isEmpty(val)的写法，想着这样代码更优雅一些，但在我改完之后，新增数据时没有任何问题，当我修改这条数据的其他地方时，它的校验提示突然报红了，必须要将这个值重新写一遍才会通过校验，到了空闲的时候，去研究了一下官方文档上面的isEmpty实现和这块的代码，初步判断原因应该是因为代码的执行顺序造成的，也没有多想，只好先老老实实的将判断改回原来的样子了。今天我们就结合几个现实中经常用到的工具函数，来讲解一下如何解读复杂的运算符嵌套 isEmpty(value) 检查 value 是否为一个空对象，集合，映射或者set。 判断的依据是除非是有枚举属性的对象，length 大于 0 的 arguments object, array, string 或类jquery选择器。 空对象 对于空对象，loadsh 是这么解释的： 如果【对象没有自己的可枚举字符串键控属....

前言：在前端开发过程中，登录注册页面几乎都是必不可少的页面，有些产品经理就会要求我们对密码进行强度的校验，普通的长度校验很简单，使用正则就可以实现，但是如果需要使用绿、黄、红色来提示用户，又怎么来做呢？废话不多说，直接上代码 校验规则 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 为单位。 通过上述方法，可以捕获....