前端开发2025年10月05日

目录 一.什么是sleep函数？ 二.为什么使用sleep？ 三.实现sleep 基于Date实现 基于Promise的sleep 基于Generator函数的sleep 基于async函数的sleep 附：还有一种死循环写法（参考自网络） 总结 一.什么是sleep函数？ sleep是一种函数，他的作用是使程序暂停指定的时间，起到延时的效果。 官方介绍：...

前端开发2025年10月05日

本文翻译自 Intercepting JavaScript Fetch API requests and responses 拦截器是可用于预处理或后处理 HTTP 请求的代码块，有助于全局错误处理、身份验证、日志记录等。在本文中，你将学习如何拦截 JavaScript Fetch API 请求。 拦截 HTTP 请求一般有两种事件：请求和响应事件。请求拦截...

前端开发2025年10月05日

目录 一、回调地狱 二、Promise对象 三、syn函数和await函数 一、回调地狱 1、回调函数：把一个函数作为参数传递给另一个函数，在另一个函数中作为参数的函数不会立即执行，只有当满足某个条件后才会执行，这个函数称为回调函数。 2、同步任务：主线程中的程序依次排列，只有当前一个任务执行结束后才会执行后一个任务。 3、异步任务：不会进入主线程队列，它...

前端开发2025年10月05日

方法一： 在 JavaScript 中，可以使用 URLSearchParams 对象来处理 URL 中的查询字符串。 序列化（将 JavaScript 对象转换为查询字符串）可以使用 URLSearchParams 对象的 append() 方法，如下所示： let params = new URLSearchParams(); params.append...

前端开发2025年10月05日

目录 一、立即执行函数 1、实现方式 2、立即执行函数的作用 3、使用场景 4、返回值 5、带单目运算符的立即执行函数 二、函数劫持 一、立即执行函数 立即执行函数(IIFE)：在函数声明后立即调用 1、实现方式 （1）用“()”将函数的定义包裹起来 let _log = console.log;//将console.log的原有功能保存到_log中 co...

前端开发2025年10月04日

JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。 使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas 提供的 toBlob() 或 toDataURL() 方法将其转换为不同格式的图像。在这些方法中指定图像质量参数即可实现压缩。 使用 web workers，可以在后台执行图像压缩，...

前端开发2025年10月04日

目录 一、简单压缩 二、使用canvas 将base64 图像压缩到指定文件大小以内 1、 方法一 2.、方法二 三、使用 canvas 和 web workers 来实现图像压缩 JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。 使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas...

前端开发2025年10月04日

目录 一、扁平转树形 1、方法一 2、方法二 3、方法三 4、方法四 二、树形转扁平 1、方法一 2、方法二 3、方法三 一、扁平转树形 在 JavaScript 中，可以使用递归算法将扁平的数据转换为树形结构。 扁平数据通常是一个带有 parentId 属性的数组，而树形结构通常是一个带有 children 属性的对象。 1、方法一 下面是一个简单的例子...

前端开发2025年10月04日

目录 前言 实现 前言 Hello，同学们好！又是一年新春之际，祝福大家兔年快乐！给大家介绍一个有趣的动效（兼容 IE），页面右下角有一只搞怪的兔子，鼠标在页面中悬停时，兔子会跟着做出不同的动作和表情。然后可以在页面中任意位置（离兔子太近不能发射，会伤到兔子?）点击鼠标，将从兔子眼睛?里发射炮弹，随之击中爆破的是你的霉 运、压 力、贫 穷、疾 病?‍?。 ...

前端开发2025年10月03日

目录 一、promise与async和await有什么用 二、Promise的作用 三、async和await的使用 四、promise与async、await的区别 一、promise与async和await有什么用 都是为了解决异步回调产生的。 Promise的字面意思是“承诺”，即承诺会执行。Promise好比容器，里面存放着一些未来才会执行完毕的事...