category
代码手记
在这一页，收好关于代码手记的片段。
Markdown 图片宽高与后台编辑器支持方案
在博客文章中，希望通过Markdown图片语法同时保存图片地址和图片宽高，例如：目标是让：后台Markdown编辑器能够正确预览图片宽高数据库存储原始Markdown内容博客前端能够正确解析/移动端仍然保持响应式，不被固定宽度撑破后续上传图片时自动写入原始宽高，避免手动填写
# Markdown# 教程
个人 Nuxt4 博客 SEO 优化实战教程
这篇文章记录的是一次真实的Nuxt博客SEO改造。项目使用Nuxt4+Vue3，文章数据来自独立的博客服务，前端通过Nuxt的服务端API代理获取数据
# SEO# 教程# Nuxt
Nuxt 项目 Docker 自动部署教程
适用场景：Nuxt3/Nuxt4项目，构建后需要通过Node.js运行。部署方式：GitHub+Self-hostedRunner+DockerCompose+宝塔/Nginx
# 自动化# 云服务器# Docker
Node 后端项目 Docker 自动部署教程（GitHub + 宝塔 + Self-hosted Runner）
这篇教程适合已经有一台Linux服务器，并且使用宝塔面板管理网站和Docker的情况。
# 自动化# Docker# 云服务器
GitHub + 宝塔实现前端静态项目自动部署：从 git push 到 dist 自动上线
以前部署前端静态项目，我一直是本地执行：然后把生成的压缩、上传到宝塔，再覆盖网站目录。项目少的时候还能接受，项目一多，这套流程就很重复：这次把部署方式改成了：整个过程看起来不复杂，但实际配置时踩了不少坑
# Git# 云服务器# 自动化
Codex 远程控制提示“无法启用”的解决方法
先说结论这次的问题不是手机配对失败，也不是Codex更新后账号失效，而是电脑端Codex无法正常连接ChatGPT的远程控制服务。我在电脑端日志里看到，设备其实已经完成了登记，日志中有
# 教程# AI# VPN
DeepSeek 接入多模态识图配置教程
底层模型为纯文本模型(如 DeepSeek `deepseek-v4-flash`),不支持图片输入。通过外接一个视觉模型 API,让 AI 具备识图能力。
# AI# 教程# API
Flutter 从零开始的新手开发教程
这篇文章记录一下我最近学习和开发Flutter时走过的完整流程，适合第一次接触Flutter的开发者。目标不是一次讲完所有知识，而是从安装环境开始，最后真正跑出一个可以新增、完成和删除任务的待办应用
# 前端# Flutter# 教程
Electron 从零开始的新手开发教程
这篇教程从安装环境开始，带着做一个简单的桌面待办应用。做完以后，可以在Windows上打开一个真正的桌面窗口，新增、完成和删除任务，关闭应用后任务也会保存在本地
# Electron# Node# 教程
Codex Computer Use 插件消失：原因排查与修复
环境：Windows 11 + Codex 桌面版 26.602。 - `computer-use` 和 `browser` 插件在 Codex 界面里消失 - `config.toml` 里 `enabled = true` 配置正常 - `codex plugin list` 只显示一个残缺的 `chrome`，`browser` 和 `computer-use` 不在列表 配置没问题，但 Codex 找不到插件本体。
# 教程# AI# Agent
宝塔 + Docker 部署 Node.js（Koa）项目完整指南
基于 宝塔面板 + 腾讯云 环境，从 **0 到上线（域名 + HTTPS）**，一步步完成 Node.js（Koa）项目部署。
# 后端# 教程# Node
uni-app 从零开发微信小程序新手教程
这篇教程从安装开发工具开始，完成一个简单的“待办清单”微信小程序。完成后，就能够掌握下面这些基本操作：创建一个普通的uni-appVue3项目
# 前端# uni-app# 教程
宝塔面板 + PM2 部署 Node.js 应用完整指南
记录在 宝塔 Linux 面板 环境下，使用 PM2 部署 Node.js 应用，并通过 Nginx 绑定域名与配置 HTTPS SSL 证书 的完整流程。内容涵盖 Node 环境安装、PM2 进程管理、Nginx 反向代理、域名解析、SSL 证书申请以及常见问题排查，适用于 生产环境部署。
# 教程# Node# 后端
Windows 本地正常，Linux 部署却报错：一次 Git 文件大小写问题排查记录
最近在把一个Vue+Vite项目改成GitHub自动部署到宝塔时，遇到了一类很烦的问题：本地开发完全正常，GitHub上看起来也没问题，但服务器执行时，会不断出现类似下面的报错：或者：再或者：一开始很容易怀疑是Vite、npm、宝塔或者Git拉取出了问题。实际排查下来，根因很简单：Windows默认对文件和目录名称大小写不敏感，而Linux严格区分大小写
# Git# 云服务器# Windows
图像滑块对比功能的开发记录
最近，公司需要开发一款在线图像压缩工具，其中的一个关键功能是让用户直观地比较压缩前后的图像效果。因此，我们设计了一个对比组件，它允许用户通过拖动滑块，动态调整两张图像的显示区域，从而清晰地看到压缩前后的差异。
# 前端# CSS# HTML
启动node服务时报错：node:events:491 throw er; // Unhandle
启动node服务时遇到以下报错：node:events:491 throw er; // Unhandled 'error' event...
# 后端# 笔记# Node
9大前端图像处理库
在Web开发中，图像处理是提升用户体验的关键环节之一。无论是图片压缩、滤镜应用，还是动态合成，选择合适的库能大幅提高开发效率。本文精选了9个功能强大且广泛使用的JavaScript图像处理库，涵盖从基础操作到高级编辑的全场景需求，并附上详细对比和访问地址。
# 前端# JavaScript# 开源库
图片格式全景解析：从位图到矢量，从压缩性到应用场景
在互联网时代，图片是传递信息和美感的重要媒介。无论你是前端开发者、平面设计师，还是对技术充满好奇的普通用户，深入了解各种图片格式的优缺点、压缩特性和使用场景
# 笔记# 前端
分析博客后台管理系统打包构建为什么占内存，以及我是怎么优化的
最近在服务器上打包我的博客后台管理系统，发现一个很现实的问题：项目本身不算特别大，但很吃内存，内存小一点的机器容易卡住，甚至直接报JavaScriptheapoutofmemory。这次我没有先把Node的内存上限调得更大，而是先看构建到底把什么东西装进了内存
# 前端# 后台管理系统# Webpack
在Koa中如何限制请求频率？
在 Koa 中设置请求频率限制（即限流）可以使用一些中间件来防止用户过度请求。常见的方式是使用现成的库，例如 `koa-ratelimit` 或者 `rate-limiter-flexible`。它们可以限制某个 IP 在给定时间段内的请求数量，从而防止滥用。
# 后端# Node
不得不了解的几现代化CSS属性
有时候，只需要一行 CSS 代码，就能给你的网页带来显著的提升！掌握这几个实用属性，把它们融入你的项目中，不仅可以减少技术负担，还能减少对 JavaScript 的依赖，给用户体验带来实实在在的改进。
# CSS# 前端
使用React + Webpack构建wordpress插件(gutenberg-block)
手把手教你使用React + webpack构建wordpress插件(gutenberg-block)， 学不会你打我
# 前端# JavaScript# WordPress
常用正则验证
可验证类型 手机 邮箱 电话 负浮点数 正浮点数 整数 正整数 负整数 中国邮政编码 日期格式 汉字 数字 特殊字符 URL 身份证 QQ 微信 车牌 ....
# 前端# JavaScript# 工具
nvm - 一个 Node.js 版本管理工具
nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。
# 前端# Node# JavaScript
IntersectionObserver API 手把手教学
IntersectionObserver API 是现代浏览器提供的一种异步观察目标元素与祖先元素（或顶级文档视窗）交叉状态的方法。它可以用于实现懒加载图片、无限滚动、以及其他需要监听元素可见性的功能。本文将详细介绍 IntersectionObserver API 的使用方法，帮助你快速掌握这一实用工具。
# 前端# JavaScript# API
Vue中 <keep-alive> 组件的使用详解
keep-alive是一个内置的高阶组件，用于缓存动态组件。它能够保持不活动组件的状态，避免重新渲染这些组件，从而显著提升应用性能，尤其是在组件之间频繁切换的场景下。
# 前端# Vue# 笔记
emoji保存到MySQL数据库中后变成问号该怎么办？
最近在写留言板功能，发现将emoji直接保存到mysql数据库中emoji会变成问号，原因是MySQL数据库中的 "utf8" 字符集并不完全符合 UTF-8 的标准。
# Node# 笔记
深入了解 CSS 逻辑选择器：is、where、not、has
CSS 逻辑选择器是 CSS Selectors Level 4 中引入的新特性，它们为我们提供了更灵活和强大的选择器语法，从而使得样式表的编写更加高效和简洁...
# 前端# CSS# 笔记
yarn安装后使用时报错
报错信息：yarn : 无法加载文件 C:\Users\10196\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本
# NPM# 笔记# Node
Vue3 高级技巧探索
探索Vue3的神秘面纱，本教程将带你深入了解Vue3的技巧，从基础到高级应用，让你在Vue开发中游刃有余，轻松驾驭前端世界。无论你是初学者还是经验丰富的开发者，都能在这里找到令人惊叹的技巧，让你的Vue项目更加强大、高效
# 前端# Vue# 笔记
Vue3 Hook详解：提升组件逻辑复用和可维护性的利器
Vue3引入了Hooks，这是一种新的组件逻辑复用方式，旨在解决Vue2中Mixin和高阶组件的一些问题。本文将深入探讨Vue3中的Hooks，以及如何利用它们提高组件逻辑的可维护性和复用性。
# 前端# JavaScript# Vue
Vue3中Ref与Reactive详解：深入理解及实际应用
Vue3的ref和reactive是Vue响应式系统的两个核心工具，它们为开发者提供了强大而灵活的数据管理方式。本教程将深入介绍ref和reactive的使用方法，旨在帮助开发者更全面地掌握这两个重要的概念。
# 前端# JavaScript# Vue
Vue3 Watch详解：新手入门教程
Vue3的watch功能是Vue生态系统中一个强大的工具，可以帮助开发者监视数据的变化并执行相应的操作。本教程将详细介绍Vue3中watch的使用，从基础概念到实际应用，帮助新手更好地掌握这一重要的特性。
# 前端# JavaScript# Vue
轻松导出CSV文件：Vue插件PapaParse指南
在Vue项目中，导出CSV文件其实很重要，而通过使用Vue插件PapaParse可以让这件事变得简单又高效。接下来，我会一步步讲解如何安装和使用PapaParse插件，帮你快速导出好看的CSV文件。
# 前端# 插件# NPM
集成腾讯云存储(Node.js)
在Node.js项目中，腾讯云存储（COS）的集成为实现文件上传提供了高效而可靠的解决方案。通过使用cos-nodejs-sdk-v5依赖，我们能够轻松地与腾讯云存储进行交互。
# Node# 后端
Git报错fatal: Authentication failed for的解决办法
远程提交到github时，因为一时没有弄清楚，输入了错误的密码，然后一直说无法认证，报错：fatal: Authentication failed for
# Git# 笔记
Vue2封装全局轻提示
在Vue 2中封装全局轻提示是提高用户体验的一种有效方式。这种全局轻提示可以在整个Vue应用中轻松使用，为用户提供友好的反馈信息。通过封装全局轻提示，可以统一管理提示的样式、动画效果，使得应用在用户交互方面更加一致而专业。
# 前端# JavaScript# 插件
Flutter 如何让控件始终处于页面底部
如何确保 Flutter 页面底部的控件始终保持可见呢？这个问题涉及到两种情况：一是在可滑动界面中，另一是在不可滑动界面中的处理方式。
# 前端# Flutter
仿微信的IM聊天时间显示格式
即时通讯（IM）应用中，对于聊天消息时间的呈现已经成为一项非常普遍的需求。在当前注重用户体验的时代，我们不再局限于传统软件中简单粗暴地采用“年/月/日 时:分:秒”的时间格式。相反，几乎所有的IM应用都在处理聊天消息时间显示时，采取了更为人性化的设计，从而提升用户体验，使其更加友好。
# 前端# JavaScript
JavaScript 中数字与二进制数据的转换方法
本文主要通过对JavaScript中数字数据与二进制数据之间的转换，让大家能够了解在JavaScript中如何对数字类型（包括但不限于Number类型）进行处理。
# 前端# JavaScript# WebSocket
怎么在node中集成腾讯云存储
当今，除了存储大量数据的数据库外，云存储服务已经成为了一个普遍存在的选择。腾讯云对象存储（COS）是一个功能强大、高扩展性、低成本、易使用的云端存储服务。它集成了丰富的 API 和工具，包括 node.js SDK，使您可以轻松地使用此服务
# 后端# Node# 笔记
小巧而专注的打包工具rollup
由于以前主要是做web页面开发,所以用的都是webpack来打包。而现在从web页面转到sdk开发,打包工具也从webpack转到了rollup。在此记录一下rollup的特点和使用。
# 前端# 工具# JavaScript
如何监听是否打开F12
在浏览器中监听是否打开 F12 开发者工具并不是一个标准的 Web API。然而，可以通过一些间接的方式实现这个目标。以下是一种方法，但请注意这并不是绝对可靠的解决方案，因为这可能会受到浏览器实现和安全策略的影响。
# 前端# JavaScript# API
Flutter 解决TextOverflow.ellipsis截断字符
Text想要展示一行，显示不下展示省略号，通常使用overflow: TextOverflow.ellipsis，缺陷： 会将长字母或者数字串整体显示省略,，例子： 分组YD-YXTJA-2102217-001113123123123123123，可能会显示成：分组YD-…
# Flutter# 前端
HTML5语音合成Speech Synthesis API
Speech Synthesis API是js的语音服务的控制接口，它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。
# 前端# JavaScript# API
面试宝典之HTML
HTML（Hypertext Markup Language）是Web开发中最基础的语言之一，对于前端开发者来说，深厚的HTML知识是不可或缺的。在面试中，HTML的问题常常涵盖从基础标记到HTML5新特性的方方面面。以下是一份更为详细的HTML知识点总结，助你在面试中更加从容自信。
# 面试# HTML# 前端
面试宝典之ES6知识点
在现代 JavaScript 开发中，ECMAScript 6（ES6）已经成为了开发者们的标配，它引入了许多令人期待的语言特性，使得 JavaScript 的编程体验更加强大、灵活和现代化。对于准备面试或提升自身技能的开发者而言，熟练掌握 ES6 是至关重要的一环
# 面试# JavaScript# 前端
![[小抄] 常见的 Git 命令](https://levi-oss-1301066479.cos.ap-guangzhou.myqcloud.com/articleImages/Snipaste_2024-01-16_10-53-44.png)
[小抄] 常见的 Git 命令
Git命令繁多，一些同学可能会倾向于使用Git客户端，比如Source Tree、Gitkraken、tortoiseGit等。这样做对于一些简单的操作确实更加方便，但我认为不应该绕过命令行而直接使用GUI。我强烈建议大家深入学习Git的原理。
# Git# 笔记
