React中，处理由接口返回的数据时，每次props更新都会重新render。若需要构造新数据，常使用Array的push方法，但多次render和push可能导致数据重复。此时，可使用Set()数据类型自动过滤重复数据。添加数据到Set使用.add()方法，删除数据使用.delete()方法。与Array不同，Set的.add()一次只能添加一条数据，而Array的.push()可以一次添加多条数据到数组尾部。Array还有.unshift()向数组首位添加数据，.concat()合并多个数组等方法。删除数组元素的方法包括.pop()删除最后一个元素，.shift()删除第一个元素，arr[arr.length-1]选中最后一个元素，arr.slice()选中指定位置及之后的所有元素，以及arr.splice()从指定位置开始删除指定数量的元素。在效率方面，测试显示，给数组的length赋值为0的方式最快，直接赋值新数组[]次之，而使用splice()方法在大数据量下最慢。对于数组的去重和排序，可以先使用Array.from(new Set(a))去重，再使用.sort()方法排序。... 阅读全文 〉

在JavaScript中，任务分为宏任务和微任务，前者如setTimeout，由浏览器或Node.js发起；后者如Promise.then，由JavaScript引擎发起。它们的执行顺序是：一个宏任务后，会执行所有微任务，然后再执行下一个宏任务。事件循环是处理这些任务的过程，它在浏览器和Node.js中的实现有所不同，主要在于宏任务队列和微任务队列的处理方式上。这导致JavaScript和Node.js在处理异步任务时可能有不同的执行顺序。因此，在使用异步任务时，应注意区分不同类型的任务，并避免依赖特定的执行顺序。... 阅读全文 〉

时间格式处理：推荐momentjs（全面）和dayjs（轻量）。对于业务中的耗时展示，可以手动处理：分离时间单位的模数，转换为时分秒或进行条件判断。例如，1分钟内显示秒，超过30秒显示1分钟，超过1小时或1天则不显示秒。函数showTime(time)实现此逻辑，返回格式化后的时间字符串。... 阅读全文 〉

正则表达式常用校验规则如下： 1. 校验11位手机号码： 使用正则表达式 /^[1][3,4,5,7,8][0-9]{9}$/ 进行匹配。 示例函数 checkPhone(val) 用于校验手机号码，如果符合规则返回 true，否则返回 false。 2. 校验短信验证码： 使用正则表达式 /[0-9]{6}/ 进行匹配，确保验证码为6位数字。 3. 身份证校验： 使用正则表达式 /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ 进行匹配，用于校验身份证号码的格式。注意该正则表达式只验证了身份证号码的基本格式，不包括有效期的验证。... 阅读全文 〉

JavaScript中定义二维数组有三种主要方法。方法一，直接定义并初始化，适用于元素数量较少的情况，方法二，适用于长度未知的情况，首先声明一维数组，然后根据需要循环创建二维数组，并可以初始化数组元素， 方法三，通过动态传入值创建二维数组。注意，尝试直接将两个数组作为元素传入一个数组时，只有后一个数组会被接收。正确的方式是使用方括号而非圆括号来包含元素... 阅读全文 〉