随笔分类 - javascript
摘要：例如： var str="hahaAND123orORandANDOR56677nnn" 我想要匹配到所有的 AND 或 and 或 OR 或 or str.replace(/AND|OR/ig,"") 输出：=》haha12356677nnn' 直接把要匹配的字符 以 | 的形式写到正则里就可以，
阅读全文
摘要：归并排序使用分而治之的概念对给定的元素列表进行排序。它将问题分解为较小的子问题，直到它们变得足够简单以至可以直接解决为止。 以下是归并排序的步骤： 1、将给定的列表分为两半（如果列表中的元素数为奇数，则使其大致相等）。 2、以相同的方式继续划分子数组，直到只剩下单个元素数组。 3、从单个元素数组开始
阅读全文
摘要：// 桶排序 // 公式 // 桶的数量 = （（最大值 - 最小值）/ 数组长度） + 1 // 元素所属桶的位置 =（ 元素大小 - 最小值）/ 数组长度 function bucketSort(arr) { let min = Math.min(...arr); let max = Math.
阅读全文
摘要：文章代码转自 https://juejin.cn/post/7068853819135754253 这里，其中有一些代码错误，本文已进行更正，且一些简单技巧，没有写入本文。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /
阅读全文
摘要：参考自文档：https://www.runoob.com/js/met-win-postmessage.html postMessage 方法用于安全地实现跨域通信。 涉及到通信，则会有信息发送方 和 信息接收方。 发送方，调用 postMessage 方法，发送 message ，接收方，在 wi
阅读全文
摘要：个人对瀑布流布局理解： 每列的宽度相等而高度不等，且第二行的第一个容器需要放在第一行高度最小的容器下面，依次类推放置。 附上代码： 代码仅实现了瀑布流的布局方式和 resize 监听，如果大家有需要，可以自己拓展下：实现监听滚动事件，页面滚动加载图片的功能。 代码中写了详细注释，可以直接使用。 <!
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：<script> // 对象里的方法写的是箭头函数，this始终访问全局 var name = "xiaoming"; var obj1 = { name: "xiaohong", getName: () => { console.log(this.name); }, }; obj1.getName
阅读全文
摘要：// Array.prototype.filter() // filter 为数组中的每个元素调用一次 callback 函数，并利用所有使得 callback 返回 true 或等价于 true 的值的元素创建一个新数组。callback 只会在已经赋值的索引上被调用，对于那些已经被删除或者从未被
阅读全文
摘要：// 数组索引值为浮点型 // array 小数点索引值 不会增加数组长度，但是如果后面又加了array索引值 赋值，赋值在第几位，前几位长度就都有了 // 不占用数组元素个数，不改变数组长度，以key:value形式存在 var arr1 = []; arr1[0.5] = 2; arr1[1]
阅读全文
摘要：// 0-9的不重复数字组成的三位数，有多少个？ // 三位数分别为 // 百位，0-9，不能为0，所以有9种情况 // 十位，只要和百位不同即可，9种情况 // 个位，只要和百位和个位不同即可，有8种情况 // 9*9*8=648 // 分别使用 i 代表 百位，j代表十位，k代表个位 // 使用
阅读全文
摘要：// 搜索插入的位置 // 给定一个排序数组和一个目标值; // 1. 数组中找到目标值，并返回其索引 // 2. 数组中找不到目标值，返回其正确插入的顺序的索引值 function searchInsert(arr, target) { for (let index = 0; index < ar
阅读全文
摘要：// 99乘法表 /** * 正三角 1 * 1 = 1 1 * 2 = 2 2 * 2 = 4 1 * 3 = 3 2 * 3 = 6 3 * 3 = 9 1 * 4 = 4 2 * 4 = 8 3 * 4 = 12 4 * 4 = 16 1 * 5 = 5 2 * 5 = 10 3 * 5 =
阅读全文
摘要：个人理解，async/await的应用场景主要是为了解决异步多层回调嵌套的问题，举例如下： 例子 1：在第一个函数执行完之后，延迟固定秒数执行 function sleep(time) { return new Promise((resolve, reject) => { setTimeout(()
阅读全文
摘要：// 自己实现 instance，left 代表 instanceof 左值，right代表 instanceof 右值 function instance(left, right) { let proto = Object.getPrototypeOf(left); let prototype =
阅读全文
摘要：// 定义promise中的三种状态 const STATUS_PENDING = "pending"; const STATUS_FULFILLED = "fulfilled"; const STATUS_REJECTED = "rejected"; // 定义promise的类 class my
阅读全文
摘要：一道前端经典面试题，前端异步请求并发限流，主要需求是：一次最多有 max 个请求发出，如果有超出的请求待有请求响应完成后再开始继续请求，始终保持仅有 max 个，假设 max=10个，代码如下： 主要原理为：令牌桶原理 // 原理，使用令牌桶 // 指 一次允许同时发出 max 个请求，这max个请
阅读全文
摘要：promise作为JavaScript中处理异步任务的api，真的非常好用，这里简单分享下个人学习的一些demo，以便快速理解。 promise具体概念就不多说了，可参考MDN文档 demo: // 当没写catch 则会捕获，写了catch则不会捕获 window.addEventListener
阅读全文
摘要：js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中，但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景，方便记忆。 对象和函数都有 __proto__，对象的 __proto__指向构造函数的prototype，构造函数的__pr
阅读全文
摘要：在vite项目中使用 vite-plugin-mock 插件 mock数据， fetch报错 SyntaxError: Unexpected token < in JSON at position 0 问题原因： mock文件夹需放在项目根目录，而我放在了src目录。 贴下我的配置 首先安装相关包
阅读全文
