前端开发2025年10月06日

目录 前言 日期 字符串 工具 总结 前言 在这篇文章中，我列出了一个系列的50个 JavaScript 单行代码，它们在使用 vanilla js（≥ ES6）进行开发时非常有用。它们也是使用该语言在最新版本中为我们提供的所有功能来解决问题的优雅方式。 我将它们分为以下5大类： 日期 字符串 数字 数组 工具 事不宜迟，我马上开始的，我希望你发现他们对你...

前端开发2025年10月06日

目录 一、条件判断 二、比较运算 一、条件判断 JavaScript 中有三种方法可以用来进行条件判断： 1、使用 if-else 语句。这种方法用于在特定条件为 true 时执行一段代码，否则执行另一段代码。例如： let a = 5; if (a > 10) { console.log("a is greater than 10...

前端开发2025年10月06日

一、普通文件上传 JavaScript 可以使用表单提交来实现文件上传。首先，在 HTML 中创建一个文件输入框： <input type="file" id="fileInput"> 然后，在 JavaScript 中获取文件输入框的引用，并在其上设置事件监听器，如下所示： var fil...

前端开发2025年10月06日

目录 前言 1. 实现一个 compose 函数 2. 实现一个 pipe 函数 3. 实现一个 forEach 函数 4. 实现一个 map 函数 5. 实现一个 filter 函数 6. 自定义函数：在对象中找出符合规则的属性 7. 实现一个 bind 方法 8. 实现一个 call 方法 9. 实现一个 apply 方法 10. 实现一个能自动柯里化...

前端开发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，可以在后台执行图像压缩，...