编程随笔
Web前端技术博客，积跬步以至千里，致敬每个爱学习的你
文章发布趋势
快捷工具
Hugo常用参数和变量指南
本文详细讲解了Hugo模板中常用的参数、变量和函数，重点介绍了.Site、.Page、.Params等核心对象的属性和方法，并通过代码示例展示了如何在项目中应用 …
Chrome开启GeminiAI
本文介绍了手动开启Chrome浏览器中Gemini AI侧边栏与Auto Browse自动浏览功能的详细步骤。核心要点包括：通过修改Local State配置文 …
DOM操作与全局JS注册指南
本文介绍了DOM操作与全局JavaScript注册的核心技术。主要内容包括DOM选择器、事件监听、元素操作等基本方法，以及如何通过挂载到window对象或结合模 …
Partials使用指南
本文介绍了Hugo静态网站生成器中Partials（可重用模板片段）的使用指南。主要内容包括Partials的基本概念与作用、引用语法、项目中的实际应用示例（如 …
Hugo资源管道使用指南
本文介绍了Hugo资源管道的核心功能与使用方法。资源管道是Hugo中一套用于处理CSS、JavaScript、图片等网站资源的系统，通过管道操作符串联处理函数， …
Hugo Bootstrap使用指南
本文介绍了在Hugo静态网站生成器中集成和使用Bootstrap框架的完整指南。主要内容包括：如何通过模块导入、资源管道和SCSS变量配置Bootstrap；如 …
一键部署脚本
本文介绍了一款功能强大的一键远程部署脚本，旨在简化Linux服务器的运维管理。用户仅需执行一行命令，即可轻松完成SSL证书配置、Docker环境部署、FRP内网 …
配置meilisearch
本文介绍了如何配置Meilisearch搜索引擎。主要内容包括服务端部署（使用Docker）、创建master key和search key、配置域名和建立索引 …
配置algolia
本文介绍了配置Algolia搜索服务的完整流程。主要包括注册账号并创建应用、新建索引、验证域名、配置爬虫以抓取网站正文和代码块内容、设置索引参数以启用高级搜索功 …
集成Coze国际版
本文介绍了在Coze国际版平台上创建和部署智能体的完整流程。首先，用户需创建智能体并设置其基本人设与回复逻辑。核心在于通过添加插件（如搜索工具）或知识库来扩展智 …
关联到已存在的 GitHub 仓库
本文介绍了如何将本地Git项目关联到已存在的GitHub远程仓库。主要步骤包括：初始化本地Git仓库、关联远程仓库、确定跟踪分支、拉取远程更改以及推送本地代码。 …
nginx常用配置
本文介绍了nginx服务器的几项常用配置。主要内容包括：配置HTTPS以实现安全访问；开启gzip压缩以优化文本类静态资源的传输效率，并列举了适合压缩的文件类型 …
本站主题包
本文介绍了基于VitePress的Teek主题包及其Hugo版本，提供了GitHub地址和安装指南。文章详细说明了通过脚手架安装、配置项目依赖、修改安全信息、页 …
重写文章路由
本文介绍了VitePress插件vitepress-plugin-sidebar-url，它能自动生成侧边栏和URL重写规则。插件支持按数字前缀排序、折叠配置 …
Javadoc自动填充maven插件
本文介绍了一款用于自动生成Javadoc注释的Maven插件。该插件旨在满足发布到中央仓库的文档要求，支持Java 8和Java 17及以上版本。其核心特性包括 …
管理API响应和错误处理
本文介绍了一个基于Spring Boot的轻量级工具包，用于统一管理API响应和错误处理。该工具包提供了统一错误码管理、自定义业务异常、全局异常处理和响应结果封 …
模板转换器
本文介绍了一款Spring Boot Velocity转换器，它能够将Java、Vue、TS和XML文件转换为Velocity模板，主要用于代码生成，如从实体类 …
Java文件转换为Velocity模板
本文介绍了将Java文件转换为Velocity模板的具体步骤。核心要点包括：将文件扩展名改为.java.vm；将静态内容替换为Velocity变量（如 …
防重提交
文章介绍了系统提供的防重复提交功能，通过为接口添加@RepeatSubmit注解即可实现。该功能可防止用户在短时间内重复提交相同请求，并支持通过expire参数 …
useWatermark
本文介绍了useWatermark工具，其主要功能是为网页元素添加防篡改水印。文章核心说明了使用方法：水印默认添加至document.body，若需添加至其他元 …
useScript
本文介绍了使用JavaScript异步加载第三方脚本的方法。主要内容包括：如何通过async/await或Promise链式调用来实现多个脚本的顺序加载，确保前 …
InputTag
本文介绍了基于Element UI的`el-tag`组件进行封装的`InputTag`组件。文章简要说明了其功能定位，并列出了组件的可选参数与基本使用方法，旨在 …
table
本文介绍了一个基于el-table封装的表单组件。该组件可通过参数isPopover进行模式切换：当isPopover为false时，它表现为一个表单；当 …
ECharts
本文介绍了ECharts图表库的基本使用方法，强调其已封装好，无需单独引入。文章核心是列举并简要说明了构建ECharts图表的核心配置项，包括提示框、图例、坐标 …
TextScroll
TextScroll是一个用于实现文本滚动公告功能的工具。文章简要介绍了其用途，并提供了基本的使用说明，帮助用户快速了解如何应用该工具来展示滚动文本信息。
数据脱敏
文章介绍了数据脱敏的实现方法，主要通过为字段添加`@Desensitization`注解并指定类型来实现。文章列出了所有可用的脱敏类型，并说明了具体的使用方式。 …
Excel导入导出
本文介绍了Excel导入导出的基本操作。导入时需注意字段顺序与实体类一致，不需要的字段需用`@ExcelIgnore`忽略。导出功能包括单sheet导出、加密导 …
License使用
本文介绍了软件授权许可（License）的完整使用流程。主要内容包括获取服务器硬件信息以生成机器指纹、基于此信息生成授权证书文件、将授权文件上传至目标服务器，以 …
Cos对象存储
本文介绍了Cos对象存储的基本操作，包括文件上传、下载到本地、下载到流以及文件删除等功能，并提供了完整的代码示例。文章旨在帮助开发者快速掌握Cos对象存储的核心 …
Captcha验证码使用
本文介绍了在项目中集成和使用Captcha验证码的完整流程。主要内容包括：首先引用EasyCaptchaService服务，然后详细说明了生成验证码以及后续校验 …
快速开始
本文是一篇关于快速使用特定Spring Boot Starter的指南。文章首先说明了如何根据Spring Boot 2或3的版本，在项目中添加对应的Maven …
pagination
分页组件是一种用于将大量数据分割成多个页面显示的工具，以提升用户体验和系统性能。它通常包含页码、上一页/下一页按钮等元素，允许用户在不同数据页面间导航。其核心要 …
monacoEditor
本文介绍了MonacoEditor，这是一款在线代码编辑器。文章简要说明了其基本使用方法和可选参数配置，并建议用户查阅官方文档以获取更详细的配置信息。
wangEditor
wangEditor是一款在线Markdown编辑器，提供丰富的文本编辑功能。文章简要介绍了其基本使用方法和可选参数配置，并指引用户查阅官方文档以获取更多详细配 …
GithubCorner
本文介绍了GithubCorner，一个用于在网页上添加GitHub项目角标的工具。文章主要说明了其基本用途，并概述了其使用方法和可配置参数，旨在帮助开发者快速 …
GlobalTip
本文介绍了名为GlobalTip的组件，其核心功能是在页面上显示一个短暂的时间提示和问候语，3秒后自动消失。该组件可注册为全局组件，并支持在vitepress中 …
常用hooks
本文介绍了几种实用的React Hooks，包括用于统计网站或文章阅读次数的useBusuanzi、计算日期差值的useDayDiff和useTimeDiff、 …
自动生成侧边栏
本文介绍了vitepress-plugin-sidebar-depth插件，这是一个用于VitePress的插件，能够自动扫描项目目录中的Markdown文件来 …
vitepress-plugin-link使用
vitepress-plugin-link 是一个用于 Vitepress 的 Vite 插件，其主要功能是为 Markdown 文档设置唯一的永久链接。它通过 …
uploadCos使用
本文介绍了一个拖拽式文件上传组件“uploadCos”，其主要功能是将图片等文件上传至对象存储服务（如COS、OSS）。文章概述了该组件的核心参数配置、可用的插 …
uploadLocal使用
本文介绍了uploadLocal文件上传组件的功能与用法。该组件为按钮式文件上传工具，支持通过参数配置上传函数、文件列表、数量限制和文件类型。它提供了默认插槽和 …
基于本库开发新组件
本文介绍了基于现有组件库开发新组件的完整流程。主要步骤包括：在指定目录创建新组件并在入口文件注册；在类型声明文件的四个位置添加相应的类型定义；最后更新版本号并完 …
vue3组件封装
本文介绍了如何封装和发布Vue 3组件。主要内容包括封装两种组件：支持宿主项目按需定义插槽的动态插槽组件，以及可自定义样式和事件的普通功能组件。文章详细说明了从 …
Hooks封装
本文介绍了如何封装Vue 3的Composition API逻辑为可复用的Hooks，并将其发布到npm。主要内容包括：创建项目结构、编写Hook函数、使用 …
中央仓库上传指南
本文详细介绍了将Java项目发布到Maven中央仓库的完整流程。主要内容包括：注册Sonatype OSSRH账号、配置GPG签名工具、设置Maven的 …
自动生成frontmatter
vitepress-plugin-setfrontmatter 是一个用于 VitePress 的插件，可在项目启动时自动为 Markdown 文件生成或补充 …
组件安装
本文介绍了基于Vue 3和Element Plus的上传组件库的安装与使用方法。主要内容包括两种引入方式：一是全局引入，安装后即可在组件中直接使用；二是按需引入 …
模板生成工具
本文介绍了模板生成工具的开发过程，重点在于实现一个能够自动“挖坑”并生成动态模板和元信息配置的工具。文章从需求分析入手，指出手动制作模板效率低且易出错，因此需要 …
安装 acme.sh
本文介绍了如何使用acme.sh客户端自动化申请和管理SSL证书。主要内容包括：全新安装与升级acme.sh、将其注册为全局命令、通过HTTP或DNS方式生成证 …
zabbix部署
本文介绍了使用Docker Compose部署Zabbix监控系统的主要步骤。核心操作包括：编写docker-compose.yaml和.env配置文件，并修改 …
git设置代理
本文介绍了如何为Git配置代理以解决网络访问问题。主要步骤包括开启Clash代理、在系统网络设置中手动配置代理，以及通过Git命令设置和验证代理。文章还提供了取 …
站点信息模块
本文介绍了如何在Vdoing主题的VuePress博客中搭建站点信息模块，包括首页的站点信息和文章页的浏览量统计。主要内容涉及使用自建不蒜子服务统计访问量，通过 …
tsconfig.json详解与常用配置
TypeScript tsconfig.json 配置详解，包含顶层配置、compilerOptions 和常用编译选项
添加登录并启用全局前置守卫
本文介绍了为VuePress项目添加登录功能并启用全局前置守卫的步骤。主要内容包括：新增登录页面和路由，添加登录验证逻辑，安装并使用模态对话框插件，在 …
Webpack 的 sourcemap 配置
Webpack sourcemap 配置详解，介绍 eval、nosources、cheap、module 等基础配置及其组合规律
cloudreve部署
本文介绍了部署Cloudreve网盘系统的关键步骤。主要内容包括：部署前的准备工作，如手动创建或通过命令生成必要的配置文件、数据库文件和上传目录；运行 …
命令行开发
本文介绍了使用Java开发命令行程序（CLI）的方案。文章首先解释了命令行程序的概念、结构、优点及其在项目中的作用，例如引导用户输入参数以生成代码。接着，文章对 …
优化改进
本文介绍了VuePress项目优化改进的五个方面：解决打包时因文件过大（超过500KB）导致的Babel警告，可通过提高内存参数或配置.babelrc文件处理； …
引入第三方组件库
文章介绍了在VuePress应用中引入第三方组件库时需注意的通用代码要求。由于VuePress页面通过Node.js服务端渲染生成静态HTML，所有Vue相关代 …
增加登录页面
本文介绍了在VuePress项目中增加登录页面的步骤。首先安装v-dialogs模态对话框插件，然后创建登录表单文件，包括helper.js和Login.vue …
kiftd使用docker部署
本文介绍了如何使用Docker部署kiftd。主要内容包括：在指定目录新建文件夹并上传kiftd文件；编写Dockerfile，解释了WORKDIR与 …
vuepress搭建网站
本文介绍了使用VuePress搭建网站的两种方式：一是基于现有项目模板快速启动，包括克隆、脚本使用、目录构建、导航栏与侧边栏配置（可选择自动生成插件或 …
FreeMarker 模板引擎入门
FreeMarker 模板引擎入门教程，介绍模板引擎概念、常用引擎对比和 Spring Boot 集成
开发本地代码生成器
本文介绍了开发本地代码生成器的完整流程。首先进行项目初始化，包括创建根目录、使用Git管理以及配置.gitignore文件。接着讲解静态文件生成的两种方法：使用 …
EasyExcel具体使用
EasyExcel 具体使用方法，包含 UploadData DTO 类和 @ExcelProperty 注解配置
StringUtils 工具类使用
Apache Commons StringUtils 工具类使用，包含字符串截取、判断等常用方法
meilisearch部署
本文介绍了使用Docker部署Meilisearch搜索服务的完整流程。主要内容包括：通过脚本启动生产环境服务并设置master key；创建仅用于搜索的API …
vuepress-plugin-element-ui
本文介绍了VuePress插件vuepress-plugin-element-ui的用法。主要内容包括插件的安装方法、基本使用方式以及在线文档链接。文章通过具体 …
整合 Element Plus
Vue3 整合 Element Plus，使用 unplugin-auto-import 和 unplugin-vue-components 实现自动导入
springboot2引入swagger3
SpringBoot2 集成 Swagger3 (Knife4j) 接口文档，包含依赖引入和配置详解
canal同步mysql数据到es中
使用 Canal 同步 MySQL 数据到 Elasticsearch，包含 MySQL binlog 配置
EasyCaptcha验证码存入redis的使用
SpringBoot 集成 EasyCaptcha 验证码并存入 Redis，实现验证码的存储和校验
你可能喜欢
热门标签
最近动态
友情链接
