前端

在之前的文章中，我们详细拆解了如何使用小程序旧版 Canvas API 给图片添加水印。随着小程序框架（如 Taro、uniapp）和微信底层基础库的演进，Canvas 2D 凭借更高清的渲染质量和更

在小程序开发中，给用户拍摄的图片或上传的图片添加“自带信息”的水印（如：打卡时间、地点、防伪标识等）是一个非常普遍的需求。 如果你是 Canvas 相关的“小白”，一听到“图像处理”、“画布”就觉得头

随着纯血鸿蒙 (HarmonyOS NEXT) 逐渐成为全球主流操作系统，将现有的前端业务延展至鸿蒙生态成为了许多开发团队的核心诉求。根据官方说明，Taro 从 v4.1.0 开始，已经正式支持打包纯

摘要：最近，Vue/Vite 核心成员 Anthony Fu 发布了 antfu/skills 项目，引发了社区热议。这不仅是一个新工具，更标志着 AI 辅助编程正在从“通用大模型”向“精细化上下文管

在开发像考试系统、代码编辑器或者对比工具这类 Web 应用时，左右分屏且可自由拖动调整宽度的布局是一种非常常见且高频的需求。 效果演示 我们需要实现的效果如下： 页面分为“左侧内容区”、“中间拖动条”

Flexbox 布局中的滚动失效问题：为什么需要 min-h-0？ 前言 在使用 Flexbox 布局时，你是否遇到过这样的问题：明明设置了 overflow-y-auto，但内容却无法滚动，反而把整

在开发者的日常工作中，我们经常面临一个选择：个人的 GitHub 和公司的 GitLab，到底是用同一把 SSH Key，还是分开生成？ 这是一个典型的 “便利性 vs 安全性” 的博弈。本文将从安全

📋 目录 功能说明 安装依赖 配置文件 初始化 Husky 使用说明 工作原理 常见问题 功能说明 配置完成后，当你执行 git commit 时，会自动： ✅ 运行 lint-staged：只检查暂

📋 目录 功能说明 安装依赖 配置文件 VS Code 设置 使用说明 常见问题 功能说明 配置完成后，当你按下 Ctrl+S (Windows/Linux) 或 Cmd+S (Mac) 保存文件时，

针对 macOS 自带 Python 服务在传输大文件（如 APK）时容易断连报错（Broken Pipe）的问题，改用前端业界标准工具 http-server。此方案零安装、更稳定、自动显示 IP，

简单来说， “Headless”（无头） 在软件开发中指的是：只有逻辑（后端/内核），没有预设界面（前端/GUI） 的软件架构模式。 这里的“Head（头）”比喻的是用户界面（UI/GUI） ，“Bo

这是一个非常经典的前端面试题，也是实际开发中容易产生误解的地方。 简单直接的回答是：这是由 W3C 标准明确设计的。sessionStorage 的设计初衷就是为了“隔离”，而不是“共享”。 以下是详

一、三个概念：px、dpi、dp px：物理像素 / 分辨率里的那个像素 当我们说“720p、1080p”时，其实说的是分辨率： 720p ≈ 1280 × 720 像素 1080p ≈ 1920 ×

为什么“指纹文件名”能触发更新 原理：构建产物的 .js/.css 文件名里包含内容哈希（如 index-CGIWmfc8.js）。只要代码变更，哈希就变，新文件名也变。 流程： 浏览器先请求 ind

在现代Web开发中，响应式设计已成为前端开发的“标配”。虽然 CSS 的 @media 媒体查询能解决大部分样式适配问题，但总有一些业务逻辑、数据交互、动画特效等需求必须依赖 JavaScript 进

前一篇文章解锁时光机 用到了备忘录模式，那么什么是备忘录模式？ 备忘录模式是一种行为型设计模式，它的核心思想是在不暴露对象内部细节的情况下，捕获并保存一个对象的内部状态，以便在将来可以恢复到这个状态。

Reducer 模式（Reducer Pattern）是一种函数式编程的模式。它的作用是：接收一个“集合”作为输入，然后输出一个单一的值。 详细理解 Reducer 模式： “Reducer”在编程中

在现代前端开发中，样式的可维护性、适配能力和跨设备体验变得越来越重要。CSS 提供了两种具备“变量”作用的机制——环境变量 env() 和 自定义变量 var() ，它们分别定向解决了“设备环境适配”

依赖注入 (Dependency Injection, DI) 是一个在软件开发中非常重要的设计模式。简单来说，它就像是餐厅里你点菜时，服务员把做好的菜送到你桌上，而不是让你自己跑到厨房去炒菜。

随着 Web 应用日益复杂，JavaScript 代码的管理也变得至关重要。曾几何时，我们依赖全局变量和简单脚本，但如今，现代 JavaScript 模块（Modules） 已成为组织和复用代码的基石