Skip to content

Teacher, I'm on fire to improve!

Welcome to my blog. I'm Hoey — a programmer who codes, creates, and stays curious. Outside of work, I play PC games, watch movies, and listen to music. On this blog, I write about development topics, and occasionally share some fun stuff. Glad to have you here.

Contributions

Contributions in the past year

JunJulAugSepOctNovDecJanFebMarAprMay

Skills

Skills and tools

HTML

CSS

Sass

Less

Tailwind

JavaScript

TypeScript

Vue

Pinia

React

Zustand

React Router

Mini Program

Electron

Element Plus

Naive UI

Ant Design

Vuetify

Bootstrap

Vite

Webpack

HTML

CSS

Sass

Less

Tailwind

JavaScript

TypeScript

Vue

Pinia

React

Zustand

React Router

Mini Program

Electron

Element Plus

Naive UI

Ant Design

Vuetify

Bootstrap

Vite

Webpack

NodeJS

Express

Koa

Java

Spring

Spring AI

MySQL

Netlify

Vercel

Cloudflare

NodeJS

Express

Koa

Java

Spring

Spring AI

MySQL

Netlify

Vercel

Cloudflare

VSCode

Cursor

Trae

Claude Code

ChatGPT

DeepSeek

WebStorm

Obsidian

VuePress

Git

pnpm

VSCode

Cursor

Trae

Claude Code

ChatGPT

DeepSeek

WebStorm

Obsidian

VuePress

Git

pnpm

Posts

My latest posts

RAG 是什么?

LLM 正成为各类业务的底层能力,但在实际落地中面临知识固化(无法获取新信息)、幻觉(生成无事实依据的内容)以及缺乏私有知识等硬伤。 检索增强生成(RAG)正是解决这些痛点的关键技术——它无需改动模型参数,而是为 LLM 外接一个“专属知识库”, 在回答前先检索相关参考资料,再让模型基于真实信息生成答案,从而实现准确、及时、安全的输出效果。

实现虚拟列表

虚拟列表是一种高性能渲染长列表的前端优化技术,核心思想是只渲染可视区域内的元素,而非一次性渲染全部数据。 这能显著减少 DOM 节点数量,解决大数据量列表的卡顿问题。

那些冷门却实用的CSS属性

CSS属性众多,很多开发者只熟悉常用的 marginpaddingcolor 等属性。但其实 CSS 中隐藏着许多"冷门"属性,它们虽不常用,却能在一些场景下轻松解决问题。

本文介绍一些较冷门但实用的CSS属性,让你的开发效率倍增。

优雅处理条件判断

在JavaScript开发中,我们每天都要面对各种条件判断。当逻辑变得复杂时,代码中充斥着大量的if-else语句不仅难以阅读,更难以维护。 优雅的条件判断不仅仅是代码技巧,更是一种思维方式。通过合理运用对象映射、策略映射、三元表达式、空值合并和短路运算等工具,我们可以让代码的意图更加清晰,维护更加容易。

使用 Vercel 部署 Node.js 应用

Vercel 是一个流行的云平台,特别适合前端项目的部署,它同样可以完美支持 Node.js 后端应用的部署。本文将详细介绍如何使用 Vercel 部署你的 Node.js 项目。