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