JavaScript基础

在前端开发中，我们经常遇到需要中途撤回请求的情况（例如：搜索框快速输入、大型文件上传取消、或是 AI 聊天流的即时中断）。

在前端面试中，算法虽不是全部，但却是衡量逻辑思维能力的硬指标。掌握基础排序算法不仅能应对面试，更能加深对“时间复杂度”和“空间复杂度”的理解。本文将带你手写快速排序、选择排序、插入排序和冒泡排序

在前端开发中，某些事件（如 resize、scroll、input、mousemove）会在短时间内频繁触发。如果处理函数涉及 DOM 操作或网络请求，频繁执行会导致页面卡顿或服务器压力过大。

在前端业务中，后端返回的扁平化数组（Array）往往需要转换为树形结构（Tree）来适配 UI 组件（如 Element UI 的 Tree 或 Cascader）。

在 JavaScript 中，this 的指向总是让人捉摸不透。call、apply、bind 作为改变 this 指向的三大杀手锏，其底层实现原理是面试中的高频考点

在 JavaScript 中，new 关键字就像是一个“工厂加工器”。虽然它看起来只是简单地创建了一个实例，但其背后涉及到了原型链接、上下文绑定以及返回值的特殊处理。

在 JavaScript 中，instanceof 是判断引用类型的重要工具。它不像 typeof 那样只能识别基础类型，而是能够深入“家谱”，判断一个实例是否属于某个构造函数。

在 JavaScript 的世界里，准确判断一个变量的类型并不像看上去那么简单，本文将介绍JavaScript中最常用的类型判断方法及其原理

在处理并发请求时，Promise.all 和 Promise.race 是我们的得力助手。理解它们的底层实现，不仅能帮我们应对面试，更能让我们在复杂的异步场景中游刃有余。

在处理异步任务时，我们经常需要同时发起多个请求。Promise 提供的静态方法能让我们优雅地控制多个并发异步任务。本文将深度对比 all、race、any 和 allSettled 的区别与应用

Promise 是 JavaScript 处理异步编程的基石。虽然我们在日常开发中频繁使用 async/await，但手动实现一个符合 Promise规范的类，能让你深刻理解微任务与链式调用的本质

在实时性要求极高的场景（如聊天室、金融行情、即时游戏）中，传统的 HTTP “请求-响应”模式显得捉襟见肘。WebSocket 作为 HTML5 推出的双向通信协议，成为了解决这一痛点的终极武器

在现代前端开发中，fetch 已经成为了发起网络请求的主流标准。它是基于 Promise 设计的，不仅解决了“回调地狱”的问题，还提供了更简洁、更模块化的 API。

JavaScript 的世界里，异步操作无处不在。从早期的“回调地狱（Callback Hell）”到现在的线性逻辑，Promise 的出现彻底改变了我们编写异步代码的方式。

虽然 fetch API 在现代开发中非常流行，但XHR依然是理解 Web 网络编程的基石。无论是底层的 Ajax 封装，还是需要细粒度监控上传/下载进度的场景，XHR 依然不可替代。

无论是前端请求数据，还是后端路由配置，URL (Uniform Resource Locator) 都是我们最常打交道的东西。它不仅是一个地址，更是一套告诉浏览器“如何定位并获取资源”的精密指令

轮播图（Carousel）是前端开发中最基础也最经典的组件之一。看似简单，但要实现丝滑、无缝的循环切换效果，其实隐藏着许多关于 DOM 操作和 CSS 动画的细节。本文将带你从基础版过渡到进阶版

在网页开发中，弹框是最常见的交互组件之一。一个合格的弹框不仅要能“跳出来”，还需要处理好遮罩层、层级关系（z-index）、防滚动穿透以及用户便捷退出的体验。本文将从零开始带你实现弹框

在前端开发中，"性能"是用户体验的生命线。但性能不能仅凭感觉，需要精确的数据支撑。现代浏览器提供了强大的 performance 接口，让我们能够精准捕捉从 DNS 解析到页面完全加载的每一个瞬间。

在前端开发中，处理图片裁剪、Excel 导出、或大文件上传时，绕不开 Blob 和 File。它们是 JavaScript 处理二进制数据的基石。