所有文章
共 58 篇文章
运维部署
如何判断一组图片在页面上是否加载完成呢
判断图片加载完成的几种方法 判断图片是否加载完成是前端开发中的常见需求，以下是几种可靠的方法： 使用 和 事件 javascript const images = document.querySelectorAll('img'); images.forEach(img => { // 图片加载成功 img.onload...
Knight
无效日期
运维部署
如何让网页秒变可编辑
你可以通过以下几种方法让网页内容瞬间变为可编辑状态，这些方法适用于快速调试、临时修改或创建简单的富文本编辑器： --- 使用浏览器自带的 属性（最简单） 在浏览器控制台（F12）输入以下代码，整个页面会变成可编辑状态： javascript document.designMode = "on"; // 或针对特定元素...
Knight
无效日期
前端开发
JavaScript 中 Object 和 Map 的详细对比
JavaScript 中 Object 和 Map 的详细对比 基本定义 Object（对象） javascript const obj = { name: '张三', age: 25 }; Map javascript const map = new Map(); map.set('name', '张三'); map...
Knight
无效日期
运维部署
使用 Knip 清理 Next.js 项目代码实践总结
Knip 代码清理工具使用实践 项目背景 本次清理的是一个基于 Next.js 14 和 NextUI v2 的项目模板。通过使用 Knip 工具，我们对项目进行了全面的代码清理，包括未使用的文件和依赖项的清理。 清理过程 文件清理 我们删除了以下未使用的文件： 配置文件：、 脚本文件： 目录下的初始化脚本 类型定义：...
Knight
无效日期
前端开发
React Context 的使用
React Context 使用详解 React Context 提供了一种在组件树中共享数据的方式，无需通过逐层手动传递 props，特别适合全局数据（如主题、用户认证等）的共享。 一、Context 基本概念 什么是 Context？ 解决组件多层嵌套传递 props的问题 实现跨组件层级的数据共享 适合全局数据（...
Knight
无效日期
前端开发
ErrorBoundary
ErrorBoundary 使用详解 ErrorBoundary（错误边界）是 React 提供的一种组件错误处理机制，用于捕获并处理子组件树中 JavaScript 错误，防止整个应用崩溃。 一、基本概念 什么是 ErrorBoundary？ 一个 React 组件，可以捕获其子组件树中发生的 JavaScript...
Knight
无效日期