运维部署
使用 Knip 清理 Next.js 项目代码实践总结
Knip 代码清理工具使用实践 项目背景 本次清理的是一个基于 Next.js 14 和 NextUI v2 的项目模板。通过使用 Knip 工具，我们对项目进行了全面的代码清理，包括未使用的文件和依赖项的清理。 清理过程 文件清理 我们删除了以下未使用的文件： 配置文件：、 脚本文件： 目录下的初始化脚本 类型定义：...
Knight
无效日期
所有文章
共 53 篇文章
前端开发
React Context 的使用
React Context 使用详解 React Context 提供了一种在组件树中共享数据的方式，无需通过逐层手动传递 props，特别适合全局数据（如主题、用户认证等）的共享。 一、Context 基本概念 什么是 Context？ 解决组件多层嵌套传递 props的问题 实现跨组件层级的数据共享 适合全局数据（...
Knight
无效日期
前端开发
ErrorBoundary
ErrorBoundary 使用详解 ErrorBoundary（错误边界）是 React 提供的一种组件错误处理机制，用于捕获并处理子组件树中 JavaScript 错误，防止整个应用崩溃。 一、基本概念 什么是 ErrorBoundary？ 一个 React 组件，可以捕获其子组件树中发生的 JavaScript...
Knight
无效日期
后端开发
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
无效日期