环境：Windows 11 + Codex 桌面版 26.602。 - `computer-use` 和 `browser` 插件在 Codex 界面里消失 - `config.toml` 里 `enabled = true` 配置正常 - `codex plugin list` 只显示一个残缺的 `chrome`，`browser` 和 `computer-use` 不在列表配置没问题，但 Codex 找不到插件本体。

# 教程 # AI # Agent

DEV NOTE2026年8月26日

博客设置相关接口问题与修复说明

问题现象后台博客信息页面请求以下接口时返回500：返回错误：其他后台接口可以正常使用，因此问题表现为只有博客配置接口异常。

# 后端 # 数据库

DEV NOTE2026年8月24日

Nuxt 项目 Docker 自动部署教程

适用场景：Nuxt3/Nuxt4项目，构建后需要通过Node.js运行。部署方式：GitHub+Self-hostedRunner+DockerCompose+宝塔/Nginx

# 自动化 # 云服务器 # Docker

DEV NOTE2026年8月23日

Node 后端项目 Docker 自动部署教程（GitHub + 宝塔 + Self-hosted Runner）

这篇教程适合已经有一台Linux服务器，并且使用宝塔面板管理网站和Docker的情况。

# 自动化 # Docker # 云服务器

DEV NOTE2026年8月23日

GitHub + 宝塔实现前端静态项目自动部署：从 git push 到 dist 自动上线

以前部署前端静态项目，我一直是本地执行：然后把生成的压缩、上传到宝塔，再覆盖网站目录。项目少的时候还能接受，项目一多，这套流程就很重复：这次把部署方式改成了：整个过程看起来不复杂，但实际配置时踩了不少坑

# Git # 云服务器 # 自动化

DEV NOTE2026年8月22日

IP 信息查询小工具开发记录：从公网出口 IP 到归属地解析

最近给博客实验室加了一个IP查询工具。功能看起来不复杂：输入一个IPv4，查国家、省份、城市和运营商；再放一个“查询我的IP”按钮，看看当前浏览器通过哪条网络路径访问公网

# 前端 # 后端 # 笔记

DEV NOTE2026年8月9日

cc-switch 接入 DeepSeek 到 Claude Code

用 cc-switch 让 Claude Code 用上 DeepSeek，10 分钟搞定

# AI # 教程 # Agent

DEV NOTE2026年8月6日

DeepSeek 接入多模态识图配置教程

底层模型为纯文本模型(如 DeepSeek `deepseek-v4-flash`),不支持图片输入。通过外接一个视觉模型 API,让 AI 具备识图能力。

# AI # 教程 # API

DEV NOTE2026年7月9日

Flutter 从零开始的新手开发教程

这篇文章记录一下我最近学习和开发Flutter时走过的完整流程，适合第一次接触Flutter的开发者。目标不是一次讲完所有知识，而是从安装环境开始，最后真正跑出一个可以新增、完成和删除任务的待办应用

# 前端 # Flutter # 教程

DEV NOTE2026年7月9日

Electron 从零开始的新手开发教程

这篇教程从安装环境开始，带着做一个简单的桌面待办应用。做完以后，可以在Windows上打开一个真正的桌面窗口，新增、完成和删除任务，关闭应用后任务也会保存在本地

# Electron # Node # 教程

DEV NOTE2026年7月7日

AI 帮你写好了 HTML，然后呢？小白也能看懂的网页上线教程

这两年VibeCoding越来越火。很多以前完全没写过代码的人，现在通过ChatGPT、Claude、Cursor、Codex等工具，几句话就能做出一个网页

# 前端 # HTML # CSS

DEV NOTE2026年6月24日

Codex 桌面端 AGENTS.md 怎么写：我只写会反复影响工作的规则

我刚开始用Codex时，以为是项目说明书，后来发现不是。我现在更愿意把它理解成一份给Codex的长期工作约定：每次在这个项目里开始新任务时，先告诉Codex这个项目怎么工作、哪些地方不要乱改、改完以后怎么验证

# AI # Agent # 教程

DEV NOTE2026年6月2日

Codex 桌面端 Skills 怎么安装和使用：先装一个，再自己写一个

我刚接触Codex时，看到Skills、Plugin、MCP、这些词很容易混在一起。后来我用一个比较简单的方法理解Skill：Skill就像一份可以被Codex重复执行的工作说明书

# AI # Agent # 教程

DEV NOTE2026年5月30日

OpenClaw 安装记录

OpenClaw 之前特别火，但一直没装过。最近想接入 DeepSeek 试试，就动手装了一遍，记录一下过程。

# 教程 # AI

DEV NOTE2026年5月30日

宝塔 + Docker 部署 Node.js（Koa）项目完整指南

基于宝塔面板 + 腾讯云环境，从 **0 到上线（域名 + HTTPS）**，一步步完成 Node.js（Koa）项目部署。

# 后端 # 教程 # Node

DEV NOTE2026年4月30日

uni-app 从零开发微信小程序新手教程

这篇教程从安装开发工具开始，完成一个简单的“待办清单”微信小程序。完成后，就能够掌握下面这些基本操作：创建一个普通的uni-appVue3项目

# 前端 # uni-app # 教程

DEV NOTE2026年4月9日

Markdown 图片宽高与后台编辑器支持方案

在博客文章中，希望通过Markdown图片语法同时保存图片地址和图片宽高，例如：目标是让：后台Markdown编辑器能够正确预览图片宽高数据库存储原始Markdown内容博客前端能够正确解析/移动端仍然保持响应式，不被固定宽度撑破后续上传图片时自动写入原始宽高，避免手动填写

# Markdown # 教程

DEV NOTE2025年12月21日

宝塔面板 + PM2 部署 Node.js 应用完整指南

记录在宝塔 Linux 面板环境下，使用 PM2 部署 Node.js 应用，并通过 Nginx 绑定域名与配置 HTTPS SSL 证书的完整流程。内容涵盖 Node 环境安装、PM2 进程管理、Nginx 反向代理、域名解析、SSL 证书申请以及常见问题排查，适用于生产环境部署。

# 教程 # Node # 后端

DEV NOTE2025年8月6日

Windows 本地正常，Linux 部署却报错：一次 Git 文件大小写问题排查记录

最近在把一个Vue+Vite项目改成GitHub自动部署到宝塔时，遇到了一类很烦的问题：本地开发完全正常，GitHub上看起来也没问题，但服务器执行时，会不断出现类似下面的报错：或者：再或者：一开始很容易怀疑是Vite、npm、宝塔或者Git拉取出了问题。实际排查下来，根因很简单：Windows默认对文件和目录名称大小写不敏感，而Linux严格区分大小写

# Git # 云服务器 # Windows

DEV NOTE2025年7月4日

JavaScript 实用函数大全（超实用）

js实用函数集合，如类型判断、字符串处理、数组/对象操作、DOM 工具、异步控制等模块

# 前端 # JavaScript # 笔记

DEV NOTE2025年3月6日

图像滑块对比功能的开发记录

最近，公司需要开发一款在线图像压缩工具，其中的一个关键功能是让用户直观地比较压缩前后的图像效果。因此，我们设计了一个对比组件，它允许用户通过拖动滑块，动态调整两张图像的显示区域，从而清晰地看到压缩前后的差异。

# 前端 # CSS # HTML

DEV NOTE2025年2月20日

启动node服务时报错：node:events:491 throw er; // Unhandle

启动node服务时遇到以下报错：node:events:491 throw er; // Unhandled 'error' event...

# 后端 # 笔记 # Node

DEV NOTE2025年2月16日

9大前端图像处理库

在Web开发中，图像处理是提升用户体验的关键环节之一。无论是图片压缩、滤镜应用，还是动态合成，选择合适的库能大幅提高开发效率。本文精选了9个功能强大且广泛使用的JavaScript图像处理库，涵盖从基础操作到高级编辑的全场景需求，并附上详细对比和访问地址。

# 前端 # JavaScript # 开源库

DEV NOTE2025年2月13日

图片格式全景解析：从位图到矢量，从压缩性到应用场景

在互联网时代，图片是传递信息和美感的重要媒介。无论你是前端开发者、平面设计师，还是对技术充满好奇的普通用户，深入了解各种图片格式的优缺点、压缩特性和使用场景

# 笔记 # 前端

DEV NOTE2025年1月15日

分析博客后台管理系统打包构建为什么占内存，以及我是怎么优化的

最近在服务器上打包我的博客后台管理系统，发现一个很现实的问题：项目本身不算特别大，但很吃内存，内存小一点的机器容易卡住，甚至直接报JavaScriptheapoutofmemory。这次我没有先把Node的内存上限调得更大，而是先看构建到底把什么东西装进了内存

# 前端 # 后台管理系统 # Webpack

DEV NOTE2024年9月22日

在Koa中如何限制请求频率？

在 Koa 中设置请求频率限制（即限流）可以使用一些中间件来防止用户过度请求。常见的方式是使用现成的库，例如 `koa-ratelimit` 或者 `rate-limiter-flexible`。它们可以限制某个 IP 在给定时间段内的请求数量，从而防止滥用。

# 后端 # Node

DEV NOTE2024年8月31日

不得不了解的几现代化CSS属性

有时候，只需要一行 CSS 代码，就能给你的网页带来显著的提升！掌握这几个实用属性，把它们融入你的项目中，不仅可以减少技术负担，还能减少对 JavaScript 的依赖，给用户体验带来实实在在的改进。

# CSS # 前端

DEV NOTE2024年7月24日

使用React + Webpack构建wordpress插件(gutenberg-block)

手把手教你使用React + webpack构建wordpress插件(gutenberg-block)，学不会你打我

# 前端 # JavaScript # WordPress

DEV NOTE2024年7月17日

常用正则验证

可验证类型手机邮箱电话负浮点数正浮点数整数正整数负整数中国邮政编码日期格式汉字数字特殊字符 URL 身份证 QQ 微信车牌 ....

# 前端 # JavaScript # 工具

DEV NOTE2024年7月15日

nvm - 一个 Node.js 版本管理工具

nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

# 前端 # Node # JavaScript

DEV NOTE2024年7月15日

IntersectionObserver API 手把手教学

IntersectionObserver API 是现代浏览器提供的一种异步观察目标元素与祖先元素（或顶级文档视窗）交叉状态的方法。它可以用于实现懒加载图片、无限滚动、以及其他需要监听元素可见性的功能。本文将详细介绍 IntersectionObserver API 的使用方法，帮助你快速掌握这一实用工具。

# 前端 # JavaScript # API

DEV NOTE2024年7月15日

Vue中 <keep-alive> 组件的使用详解

keep-alive是一个内置的高阶组件，用于缓存动态组件。它能够保持不活动组件的状态，避免重新渲染这些组件，从而显著提升应用性能，尤其是在组件之间频繁切换的场景下。

# 前端 # Vue # 笔记

DEV NOTE2024年7月14日

Element Plus 主题色修改

使用 :root 方式设置变量进行覆盖或者使用 scss 覆盖

# 前端 # CSS # Element-UI

DEV NOTE2024年4月24日

emoji保存到MySQL数据库中后变成问号该怎么办？

最近在写留言板功能，发现将emoji直接保存到mysql数据库中emoji会变成问号，原因是MySQL数据库中的 "utf8" 字符集并不完全符合 UTF-8 的标准。

# Node # 笔记

DEV NOTE2024年4月23日

如何将内容插入到输入框光标所在位置

我现在想将表情弹窗中的emoji或者颜文字插入到输入框当前光标所在位置该怎么办呢？

# 前端 # JavaScript # 笔记

DEV NOTE2024年4月19日

快速删除node_modules的方法

项目依赖太多包，node_modules 文件众多，window 删除超慢？来看看这些相对快速的删除方法吧！

# 前端 # NPM # 笔记

DEV NOTE2024年4月19日

深入了解 CSS 逻辑选择器：is、where、not、has

CSS 逻辑选择器是 CSS Selectors Level 4 中引入的新特性，它们为我们提供了更灵活和强大的选择器语法，从而使得样式表的编写更加高效和简洁...

# 前端 # CSS # 笔记

DEV NOTE2024年4月19日

记录小工具：密码生成器的开发

密码随机生成器是一种软件或程序，可为您的各种软件和网站的帐户随机生成密码。使用此工具...

# 前端 # JavaScript # 工具

DEV NOTE2024年4月16日

yarn安装后使用时报错

报错信息：yarn : 无法加载文件 C:\Users\10196\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本

# NPM # 笔记 # Node

DEV NOTE2024年1月21日

Vue3 高级技巧探索

探索Vue3的神秘面纱，本教程将带你深入了解Vue3的技巧，从基础到高级应用，让你在Vue开发中游刃有余，轻松驾驭前端世界。无论你是初学者还是经验丰富的开发者，都能在这里找到令人惊叹的技巧，让你的Vue项目更加强大、高效

# 前端 # Vue # 笔记

DEV NOTE2024年1月20日

Vue3 Hook详解：提升组件逻辑复用和可维护性的利器

Vue3引入了Hooks，这是一种新的组件逻辑复用方式，旨在解决Vue2中Mixin和高阶组件的一些问题。本文将深入探讨Vue3中的Hooks，以及如何利用它们提高组件逻辑的可维护性和复用性。

# 前端 # JavaScript # Vue

DEV NOTE2024年1月20日

Vue3中Ref与Reactive详解：深入理解及实际应用

Vue3的ref和reactive是Vue响应式系统的两个核心工具，它们为开发者提供了强大而灵活的数据管理方式。本教程将深入介绍ref和reactive的使用方法，旨在帮助开发者更全面地掌握这两个重要的概念。

# 前端 # JavaScript # Vue

DEV NOTE2024年1月20日

Vue3 Watch详解：新手入门教程

Vue3的watch功能是Vue生态系统中一个强大的工具，可以帮助开发者监视数据的变化并执行相应的操作。本教程将详细介绍Vue3中watch的使用，从基础概念到实际应用，帮助新手更好地掌握这一重要的特性。

# 前端 # JavaScript # Vue

DEV NOTE2024年1月20日

轻松导出CSV文件：Vue插件PapaParse指南

在Vue项目中，导出CSV文件其实很重要，而通过使用Vue插件PapaParse可以让这件事变得简单又高效。接下来，我会一步步讲解如何安装和使用PapaParse插件，帮你快速导出好看的CSV文件。

# 前端 # 插件 # NPM

DEV NOTE2024年1月20日

集成腾讯云存储(Node.js)

在Node.js项目中，腾讯云存储（COS）的集成为实现文件上传提供了高效而可靠的解决方案。通过使用cos-nodejs-sdk-v5依赖，我们能够轻松地与腾讯云存储进行交互。

# Node # 后端

DEV NOTE2024年1月18日

Git报错fatal: Authentication failed for的解决办法

远程提交到github时，因为一时没有弄清楚，输入了错误的密码，然后一直说无法认证，报错：fatal: Authentication failed for

# Git # 笔记

DEV NOTE2024年1月18日

图片自动按比例缩放函数

这个函数是为了实现图片按比例缩放的功能，确保图像在指定的尺寸范围内进行优化显示

# 前端 # JavaScript

DEV NOTE2024年1月18日

Vue2封装全局轻提示

在Vue 2中封装全局轻提示是提高用户体验的一种有效方式。这种全局轻提示可以在整个Vue应用中轻松使用，为用户提供友好的反馈信息。通过封装全局轻提示，可以统一管理提示的样式、动画效果，使得应用在用户交互方面更加一致而专业。

# 前端 # JavaScript # 插件

DEV NOTE2024年1月18日

Flutter 如何让控件始终处于页面底部

如何确保 Flutter 页面底部的控件始终保持可见呢？这个问题涉及到两种情况：一是在可滑动界面中，另一是在不可滑动界面中的处理方式。

# 前端 # Flutter

DEV NOTE2024年1月18日

仿微信的IM聊天时间显示格式

即时通讯（IM）应用中，对于聊天消息时间的呈现已经成为一项非常普遍的需求。在当前注重用户体验的时代，我们不再局限于传统软件中简单粗暴地采用“年/月/日时:分:秒”的时间格式。相反，几乎所有的IM应用都在处理聊天消息时间显示时，采取了更为人性化的设计，从而提升用户体验，使其更加友好。

# 前端 # JavaScript

DEV NOTE2024年1月16日

JavaScript 中数字与二进制数据的转换方法

本文主要通过对JavaScript中数字数据与二进制数据之间的转换，让大家能够了解在JavaScript中如何对数字类型（包括但不限于Number类型）进行处理。

# 前端 # JavaScript # WebSocket

DEV NOTE2024年1月16日

怎么在node中集成腾讯云存储

当今，除了存储大量数据的数据库外，云存储服务已经成为了一个普遍存在的选择。腾讯云对象存储（COS）是一个功能强大、高扩展性、低成本、易使用的云端存储服务。它集成了丰富的 API 和工具，包括 node.js SDK，使您可以轻松地使用此服务

# 后端 # Node # 笔记

DEV NOTE2023年11月21日

小巧而专注的打包工具rollup

由于以前主要是做web页面开发,所以用的都是webpack来打包。而现在从web页面转到sdk开发,打包工具也从webpack转到了rollup。在此记录一下rollup的特点和使用。

# 前端 # 工具 # JavaScript

DEV NOTE2023年11月21日

如何监听是否打开F12

在浏览器中监听是否打开 F12 开发者工具并不是一个标准的 Web API。然而，可以通过一些间接的方式实现这个目标。以下是一种方法，但请注意这并不是绝对可靠的解决方案，因为这可能会受到浏览器实现和安全策略的影响。

# 前端 # JavaScript # API

DEV NOTE2023年11月21日

Flutter 解决TextOverflow.ellipsis截断字符

Text想要展示一行，显示不下展示省略号，通常使用overflow: TextOverflow.ellipsis，缺陷：会将长字母或者数字串整体显示省略,，例子：分组YD-YXTJA-2102217-001113123123123123123，可能会显示成：分组YD-…

# Flutter # 前端

DEV NOTE2023年11月20日

Flutter 键盘唤起问题：解锁无法避免的报错迷局

当一个页面的内容不能全部展示出来时，就会出现这种错误。其实这里如果没有键盘弹出，内容长度超过屏幕可显示范围，同样会报错。

# Flutter # 前端

DEV NOTE2023年11月20日

Vue跳转同一路由不刷新问题解决

Vue路由切换实际是组件间的切换，引用相同组件的时候，页面就无法更新

# Vue # 前端 # 笔记

DEV NOTE2023年11月20日

Vuex快速学习与使用

Vuex 是专门为 Vue.js 设计的状态管理库，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

# Vue # 前端 # 笔记

DEV NOTE2023年11月20日

HTML5语音合成Speech Synthesis API

Speech Synthesis API是js的语音服务的控制接口，它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。

# 前端 # JavaScript # API

DEV NOTE2023年11月20日

面试宝典之HTML

HTML（Hypertext Markup Language）是Web开发中最基础的语言之一，对于前端开发者来说，深厚的HTML知识是不可或缺的。在面试中，HTML的问题常常涵盖从基础标记到HTML5新特性的方方面面。以下是一份更为详细的HTML知识点总结，助你在面试中更加从容自信。

# 面试 # HTML # 前端

DEV NOTE2023年11月19日

面试宝典之ES6知识点

在现代 JavaScript 开发中，ECMAScript 6（ES6）已经成为了开发者们的标配，它引入了许多令人期待的语言特性，使得 JavaScript 的编程体验更加强大、灵活和现代化。对于准备面试或提升自身技能的开发者而言，熟练掌握 ES6 是至关重要的一环

# 面试 # JavaScript # 前端

DEV NOTE2023年11月17日

实现数组去重的多种方法

去重是开发中经常会碰到的一个热点问题，不管你负责的项目是后端去重还是前端去重，作为一个前端er对于前端去重肯定需要深入了解的

# 前端 # JavaScript # 笔记

DEV NOTE2023年11月17日

[小抄] 常见的 Git 命令

Git命令繁多，一些同学可能会倾向于使用Git客户端，比如Source Tree、Gitkraken、tortoiseGit等。这样做对于一些简单的操作确实更加方便，但我认为不应该绕过命令行而直接使用GUI。我强烈建议大家深入学习Git的原理。

# Git # 笔记

DEV NOTE2023年11月17日

最舒服的Vite按需引入Element-Plus

有什么办法能够像使用全局引入那样只配置一次，后面要用到什么组件，都会自己按需加载呢？

# 前端 # Element-UI # Vite

DEV NOTE2022年11月10日

使用CSS实现电池充电效果

先画一个电池轮廓，然后使用伪元素给电池加个帽子，最后通过色块的位移动画实现充电效果

# CSS # 前端

DEV NOTE2022年10月13日

vue-cropper图片裁剪工具

vue-cropper是基于cropper.js封装的一个Vue组件，功能强大、简单易上手，接下来将讲解具体该如何使用它

# 前端 # Vue # 插件

DEV NOTE2022年9月15日

手撕日历组件之Vue2版

不使用任何UI库的情况下，手撕一个Vue2版日历组件

# Vue # 前端 # HTML

DEV NOTE2021年10月15日

后台权限系统实现方式分析与方案教程

最近我在整理后台权限系统。这个问题看起来像是“不同角色显示不同菜单”，但真正做起来至少有两件事：页面和按钮要不要给用户看

# 前端 # Vue # 教程