轻语呢喃

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !...

引言：一个看似矛盾的现象 在日常 JavaScript 开发中，我们经常编写这样的代码： 但仔细想想，这其实有点奇怪：字符串、数字和布尔值都是原始类型（基本类型），不是对象...

Vue 和 React 都是基于 vdom 的前端框架，组件渲染会返回 vdom，渲染器再把 vdom 通过增删改的 api 同步到 dom。 当再次渲染时，会产生新的 v...

SSE 是 HTML5 标准定义的技术方案，它的核心作用是让服务器能**主动、持续地向客户端推送流式数据**，无需客户端频繁发起请求。SSE 基于 HTTP 协议扩展而来，...

ECharts 是百度开源的一款基于 JavaScript 的数据可视化库，其核心定位是**为企业场景提供 “可落地的数据报表解决方案”** —— 无论是月度销售额对比、用...

什么是 CDN？CDN 的全称是 “Content Delivery Network”，中文译为 “内容分发网络”。它并非单一的技术或设备，而是由**分布在全球各地的边缘节...

一、什么是虚拟列表？—— 从 “全量渲染” 到 “按需渲染” 1.1 虚拟列表的定义 虚拟列表（也称 “窗口化列表” Windowing List），它是一种大数据长列表渲...

在前端开发中，我们时常会遇到需要处理大量数据渲染的场景 —— 比如一次性插入 10000 条甚至更多数据到页面中。采用 “暴力破解” 的方式直接同步执行，往往会导致页面卡顿...

`async/await` 是 ES2017 引入的异步编程语法糖，它的本质是对 **Promise** 和 **Generator** 的封装。它通过声明式的方式简化异步...

一、普通二叉树（Binary Tree） 定义 普通二叉树是一种基础的数据结构，每个节点最多有两个子节点（左子节点和右子节点）。它没有特定的约束条件，可以是空树，也可以是任...

一、修改原数组的方法（有副作用） 这类方法会直接修改原始数组的结构或内容，可能导致副作用，一般适合需要动态调整数组的场景（如队列、动态更新），但需谨慎使用以避免意外数据污染...

在前端开发中，实现元素的水平垂直居中是布局中的核心技巧之一，本文将系统性地讲解**9种主流方法**，涵盖传统方案与现代最佳实践，并通过代码示例、优缺点分析和场景对比。...

在前端开发中，我们经常需要同时处理多个异步任务，比如请求多个接口、加载多个资源等。为了更高效地管理这些并发操作，JavaScript 提供了 `Promise` 的几个静态...

一、什么是工程化？ 在现代前端开发中，工程化是构建高效、可维护项目的基石，它通过标准化流程、自动化工具和模块化设计，系统性解决一些核心问题，并有着显著的优势，如以下方面： ...

一、TypeScript 的核心概念 1.1 什么是 TypeScript？ TypeScript 是 JavaScript 的超集，由微软开发。它为 JavaScript...

Git 是代码版本管理的核心工具，以下是最常用的指令及其详细讲解： 一、初始化与配置 1. git init 作用：在当前目录创建一个新的 Git 仓库（生成 .git 子...

对于浏览器缓存，每个前端开发者应该都不会陌生，同时它也是我们在日常开发中存在的一个非常重要的优化手段，无论在节省带宽、提高加载和渲染速度、减少网络阻塞，以及提高用户体验上，...

在人工智能技术高速发展的今天，大语言模型（LLM）的能力边界正在被不断突破。然而，一个长期存在的痛点始终困扰着开发者和用户：如何让AI模型高效、安全地连接外部工具和数据源？...