上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 27 下一页
摘要: // Array.prototype.filter() // filter 为数组中的每个元素调用一次 callback 函数,并利用所有使得 callback 返回 true 或等价于 true 的值的元素创建一个新数组。callback 只会在已经赋值的索引上被调用,对于那些已经被删除或者从未被 阅读全文
posted @ 2022-06-08 15:34 蓓蕾心晴 阅读(97) 评论(0) 推荐(0)
摘要: // 数组索引值为浮点型 // array 小数点索引值 不会增加数组长度,但是如果后面又加了array索引值 赋值,赋值在第几位,前几位长度就都有了 // 不占用数组元素个数,不改变数组长度,以key:value形式存在 var arr1 = []; arr1[0.5] = 2; arr1[1] 阅读全文
posted @ 2022-06-08 10:49 蓓蕾心晴 阅读(157) 评论(0) 推荐(0)
摘要: // 0-9的不重复数字组成的三位数,有多少个? // 三位数分别为 // 百位,0-9,不能为0,所以有9种情况 // 十位,只要和百位不同即可,9种情况 // 个位,只要和百位和个位不同即可,有8种情况 // 9*9*8=648 // 分别使用 i 代表 百位,j代表十位,k代表个位 // 使用 阅读全文
posted @ 2022-06-08 00:39 蓓蕾心晴 阅读(354) 评论(0) 推荐(0)
摘要: // 搜索插入的位置 // 给定一个排序数组和一个目标值; // 1. 数组中找到目标值,并返回其索引 // 2. 数组中找不到目标值,返回其正确插入的顺序的索引值 function searchInsert(arr, target) { for (let index = 0; index < ar 阅读全文
posted @ 2022-06-08 00:28 蓓蕾心晴 阅读(130) 评论(0) 推荐(0)
摘要: // 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 = 阅读全文
posted @ 2022-06-08 00:12 蓓蕾心晴 阅读(469) 评论(0) 推荐(0)
摘要: 个人理解,async/await的应用场景主要是为了解决异步多层回调嵌套的问题,举例如下: 例子 1:在第一个函数执行完之后,延迟固定秒数执行 function sleep(time) { return new Promise((resolve, reject) => { setTimeout(() 阅读全文
posted @ 2022-06-07 18:46 蓓蕾心晴 阅读(407) 评论(0) 推荐(0)
摘要: // 自己实现 instance,left 代表 instanceof 左值,right代表 instanceof 右值 function instance(left, right) { let proto = Object.getPrototypeOf(left); let prototype = 阅读全文
posted @ 2022-06-06 22:30 蓓蕾心晴 阅读(110) 评论(0) 推荐(0)
摘要: // 定义promise中的三种状态 const STATUS_PENDING = "pending"; const STATUS_FULFILLED = "fulfilled"; const STATUS_REJECTED = "rejected"; // 定义promise的类 class my 阅读全文
posted @ 2022-06-06 17:52 蓓蕾心晴 阅读(151) 评论(0) 推荐(0)
摘要: 一道前端经典面试题,前端异步请求并发限流,主要需求是:一次最多有 max 个请求发出,如果有超出的请求待有请求响应完成后再开始继续请求,始终保持仅有 max 个,假设 max=10个,代码如下: 主要原理为:令牌桶原理 // 原理,使用令牌桶 // 指 一次允许同时发出 max 个请求,这max个请 阅读全文
posted @ 2022-05-23 02:16 蓓蕾心晴 阅读(330) 评论(0) 推荐(0)
摘要: promise作为JavaScript中处理异步任务的api,真的非常好用,这里简单分享下个人学习的一些demo,以便快速理解。 promise具体概念就不多说了,可参考MDN文档 demo: // 当没写catch 则会捕获,写了catch则不会捕获 window.addEventListener 阅读全文
posted @ 2022-05-22 01:28 蓓蕾心晴 阅读(598) 评论(0) 推荐(0)
摘要: js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中,但是记得多了反而容易记混。 这里简单总结下每个属性的使用场景,方便记忆。 对象和函数都有 __proto__,对象的 __proto__指向构造函数的prototype,构造函数的__pr 阅读全文
posted @ 2022-05-04 03:12 蓓蕾心晴 阅读(171) 评论(0) 推荐(1)
摘要: 我报错了 external = resolvedConfig?.build?.rollupOptions?.external ?? void 0; ^ SyntaxError: Unexpected token '.' at wrapSafe (internal/modules/cjs/loader 阅读全文
posted @ 2022-04-06 17:55 蓓蕾心晴 阅读(2796) 评论(0) 推荐(0)
摘要: 在vite项目中使用 vite-plugin-mock 插件 mock数据, fetch报错 SyntaxError: Unexpected token < in JSON at position 0 问题原因: mock文件夹需放在项目根目录,而我放在了src目录。 贴下我的配置 首先安装相关包 阅读全文
posted @ 2022-03-10 00:17 蓓蕾心晴 阅读(1701) 评论(0) 推荐(0)
摘要: 背景 在实际开发中,移动端页面遇到的,采用正常写法,图片 src赋值写在 onload 事件监听 后面,依然会有拿不到 图片真实宽高的场景,获得的图片宽高都为0,真的是好坑啊。 var img_url = '.jpg' // 创建对象 var img = new Image() // 加载完成执行 阅读全文
posted @ 2022-03-09 18:32 蓓蕾心晴 阅读(592) 评论(0) 推荐(0)
摘要: 背景 移动端页面使用了 swiper,实现两屏轮播上下滚动,在 iOS 手机上用手滚动轮播图的时候,会发生下拉或上拉都有空白出现。 解决方案 初始化 swiper实例,传入以下参数。 resistanceRatio:抵抗率。边缘抵抗力的大小比例。值越小抵抗越大越难将slide拖离边缘,0时完全无法拖 阅读全文
posted @ 2022-03-07 23:16 蓓蕾心晴 阅读(874) 评论(0) 推荐(0)
摘要: 背景 在很久以前,有写过一个使用 js 实现单张图片持续滚动图片的 代码,但那一版实现会持续操作DOM,向DOM中插入元素,性能较差,最近发现 requestAnimationFrame 通过 动画的方式实现图片滚动更加方便,遂重新实现了一版,效果更赞,性能更好。 效果如下 需求描述 需要单张图片在 阅读全文
posted @ 2022-02-28 17:17 蓓蕾心晴 阅读(756) 评论(0) 推荐(0)
摘要: 本意 想要实现电脑连接代理软件(不限于具体某个软件),并开启charles,手机和电脑连接同一个wifi,手机连接电脑代理,实现手机请求对应代理软件设置的国家的网页,并在电脑端实现抓包。 charles与代理软件共存说明了如果通过让所有HTTP(S)流量都走Charles,然后Charles 再设置 阅读全文
posted @ 2022-02-22 18:29 蓓蕾心晴 阅读(2680) 评论(0) 推荐(0)
摘要: eslint 和prettier ,如果有语法错误,都会阻止代码自动格式化 相当于,需要你先解决掉语法错误之后,再自动给你格式化 配置错误 eslint Parsing error: ecmaVersion must be 3, 5, 6, or 7: 解决方案:https://stackoverf 阅读全文
posted @ 2022-02-17 19:24 蓓蕾心晴 阅读(6066) 评论(0) 推荐(0)
摘要: 前言 当前,前端项目支持代码规范校验、代码格式化已经必不可少,同时需要支持代码提交前对代码格式校验预检查,这里提供一份最简单的配置供大家参考。 每个包代表了什么 在配置之前,先了解用实现代码规范化、git 提交信息校验用到的包。 1.代码格式规范相关 eslint:代码格式校验 prettier:p 阅读全文
posted @ 2022-02-17 18:24 蓓蕾心晴 阅读(2129) 评论(0) 推荐(0)
摘要: 背景 由于实际开发需要,我使用nvm use vxxx.xxx.xx 将 node 版本设置成了更高的版本,但是每次重新打开 IDE 之后都会恢复到之前一个默认node版本上,使用起来很不方便,通过查看 nvm list,可以看到在本地对 v10.19.0 指向了默认。 设置 nvm alias d 阅读全文
posted @ 2021-12-28 22:58 蓓蕾心晴 阅读(3384) 评论(0) 推荐(0)
上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 27 下一页