
所有文章
共 58 篇文章



websocket的使用
WebSocket 是一种基于 TCP 的全双工通信协议,允许客户端和服务器之间建立持久化连接,实现实时双向数据传输。以下是 WebSocket 的核心使用方法和实践要点: --- WebSocket 基本用法 客户端(浏览器)实现 创建连接:通过 构造函数建立连接,支持 (非加密)和 (加密)协议。 javascri...
Knight
无效日期

fetch和ajax区别
和 都是用于浏览器与服务器通信的技术,但它们在设计理念、使用方式和功能特性上有显著区别。以下是两者的详细对比: --- 核心概念 | 特性 | Fetch API | AJAX(XMLHttpRequest) | |----------------|-----------------------------------...
Knight
无效日期

npm install 之后发生了什么
什么是npm? npm(node package manager),是随同Node.js一起安装的第三方包管理器。通过npm,我们可以安装、共享、分发代码,管理项目的依赖关系。 嵌套结构 在npm的早期版本中,npm以递归的方式去处理依赖,每个依赖包都会在自己的 目录中安装其子依赖,直到没有子依赖为止。 举个栗子,我们...
Knight
无效日期

tanstack/react-query
中 的核心用法及实践指南 --- 一、基础用法 基本参数配置 需要至少两个参数:(唯一查询标识)和 (数据获取函数)。 typescript import { useQuery } from "@tanstack/react-query"; import axios from "axios"; // 定义数据获取函数...
Knight
无效日期

react-hook-form
以下是针对 中 、 和 的核心用法解析,结合具体场景与最佳实践: --- 一、:监听字段变化并优化渲染 作用: 监听表单字段值的变化,但仅在自定义 Hook 层级触发重新渲染,提升性能$1$1。 核心用法: 基础监听 监听单个字段,返回其当前值: typescript const firstName = useWatc...
Knight
无效日期


monorepo的使用
前端 Monorepo 使用指南 一、Monorepo 的核心优势 代码复用与共享 所有子模块(如组件库、工具函数)集中管理,支持跨项目直接引用,避免重复开发。例如,业务模块可共享全局组件库和工具函数,无需通过 npm 包发布更新$1$1。 统一构建与依赖管理 通过单一仓库统一配置构建工具(如 Webpack、Vite...
Knight
无效日期