2026

27岁
1.57万字5篇
  • 一个不错的本地输入解决方案
    • 输入法
    • 开源
    • 隐私保护
  • 使用 oxlint + oxfmt 替换 ESLint + Prettier
    • ESLint
    • oxlint
    • oxfmt
    • Nest
  • Zod 和 Valibot 的异同
    • Zod
    • Valibot
  • HTTP 状态码和短语
    • HTTP
    • status
    • code
  • BFF简述
    • BFF
    • 架构模式
    • 扩展阅读

    • 2025

    26岁
    5.52万字59篇
  • 2025年终总结
  • 一些 Nestjs 的自定义装饰器
    • Nest
    • Decorator
    • 装饰器
    • 代码片段
  • Nestjs + Drizzle 项目中一些常用的自定义校验
    • Nestjs
    • Drizzle
    • class-validator
  • BullMQ 初体验
    • bullmq
    • queue
    • nodejs
    • redis
  • 廿七碎笔
  • 目前所用到的设备
  • 乙巳项目结语
  • 实用包推荐：ua-parser-js
  • 【翻译】编写易于编译的TypeScript代码
    • TypeScript
    • performance
  • 或许你应该看看 shadcn-vue
    • Vue
    • shadcn
    • tailwindcss
    • ui-component
  • 五分钟内免费集成 CodeRabbit 到你的项目中
    • AI
    • Code Review
    • 代码审查
    • 工具使用
  • 利用 monorepo 在项目中共享 drizzle schema 定义和类型
    • monorepo
    • drizzle
    • tanstack
  • 为什么我在 Nodejs 中选择 drizzle
    • ORM
    • Nodejs
    • TypeScript
    • drizzle
  • 广武明长城半日游
  • nest-config 模块的人体工学适配
    • nest
    • nest-config
    • 人体工学
  • 在 Nestjs 中使用验证码
    • nest
    • captcha
    • 验证码
    • cache
    • redis
  • 在 Nestjs 中使用 Drizzle ORM
    • nest
    • drizzle
  • 在 nestjs 中使用 scalar
    • nest
  • Vue Vapor mode 来了
    • 新东西
    • Vue
    • Vapor Mode
    • Svelte
  • 乙巳年六月廿四
  • 如何写出干净的组件
  • 为什么升级至 Nuxt Content v3?
  • 使用 caddy 替换 nginx
    • Nginx
    • Caddy
    • 服务器
    • 反向代理
    • HTTPS
  • 如何使用 Vue Router 的类型化路由
    • TypeScript
    • Vue
    • Vue Router
    • unplugin-vue-router
    • Vite
  • tailwindcss-v4 兼容性处理
    • tailwindcss
    • 兼容性
    • postcss
    • vite
  • shadcn-vue-admin 100星留念
  • 【翻译】使用 Nuxt Layers 进行领域驱动设计
    • 翻译
    • Nuxt
    • Nuxt Layers
    • DDD
  • 【翻译】如何构建大型 Vue 应用程序
    • 翻译
    • Vue
    • Nuxt
  • 使用Intl.NumberFormat对数字进行格式化
  • 使用 chatgpt 制作自己的小贴纸
  • hono 集成 Better Auth
  • shadcn-vue-admin 说明
  • 逃离北京
  • Zod 基础用法
    • Zod
  • 【翻译】如何使用 Vitest 在 Vue 中进行视觉回归测试？
    • 翻译
    • Vue
    • Vitest
  • 【翻译】如何使用测试库和 Vitest 测试 Vue Router 组件
    • Vitest
    • Vue Router
    • Vue
  • 编程学习网站
    • 学习
    • 站点搜集
  • 近日小结【随机犯病篇】
  • 【翻译】Vue 和 Nuxt 中的 Atomic Design
    • Vue
    • Nuxt
  • 【翻译】如何选择 Vue 项目架构
    • Vue
  • 【翻译】构建 Pinia 插件进行跨标签页状态同步
    • Pinia
    • Vue
  • Drizzle ORM 使用
  • 【翻译】如何优化 Vue 应用性能
    • Vue
    • 性能优化
    • 翻译
  • 【翻译】Vue 检查 slot 是否为空
    • Vue
    • slot
  • 乙巳年除夕记
  • 【翻译】Vue 计算属性的良好实践
  • 如何让网站图标跟随系统主题变化？
    • 暗黑模式
  • Git 提交规范及其在项目里的使用
    • git
  • 使用 zod 对.env 文件约束
    • zod
    • env
  • 从本地到生产：使用 Docker 部署 Nuxt
    • Nuxt
  • 【翻译】在 Vue 中构建递归组件
    • Vue
  • 【翻译】在Vue单文件组件中使用两个script块
    • Vue
  • 【翻译】使用 Vitest 测试 Vue 组件
    • Vue
  • 【翻译】前端测试指南：命名测试的 10 条基本规则
    • 测试
    • 前端
    • 指南
  • 【翻译】Vue 3 中的动态 Pinia Store
    • Vue
    • Pinia
  • 一个简易的文件共享系统的实现
  • 本站为什么要从 Hexo 迁移到 Nuxt
    • Nuxt
  • 【翻译】Vue3 组合式API 完全指南
    • Vue
    • 组合式API
  • 【翻译】 如何在 Vue 中使用Props变体
    • Props
    • Vue

    • 2024

    25岁
    2.11万字40篇
  • 心经
    • 修行
  • 【翻译】在 Vue 中使用 URL 存储状态
  • 【翻译】Vue 可组合项的良好实践和设计模式
  • 【翻译】编写更简洁的Vue.js代码的10个技巧
    • Vue
    • 翻译
  • Rsbuild创建项目
  • Vue 组件设计 -- 父子组件调用时使用props还是ref？
    • 思考
  • Http Status Codes 释义
  • node-简易洋葱模型实现
    • JavaScript
    • node
    • koa
  • Nuxt报错解决
  • 发布订阅模式
  • mongodb快速使用
    • mongodb
    • 学习笔记
  • 近况说明
  • Nuxt3 获取静态图片公用方法
    • Nuxt
  • Nuxt3 useAsyncData vs useFetch
  • code review 黑话摘录
  • Nuxt3 请求数据
    • Nuxt
  • leetcode 两数之和
    • JavaScript
    • 算法
    • leetcode
  • ECharts 在 vue2 中的实践
  • 最近学习到的小知识
  • 十年之约
  • TypeScript 命名空间
  • TypeScript 装饰器
  • TypeScript interface和type
  • TypeScript 元组
  • TypeScript 类
  • TypeScript 泛型
  • TypeScript 断言
  • TypeScript 基本数据类型
  • 事件循环 / EventLoop
  • 浏览器渲染原理
  • 浅尝histoire
  • Vue3 权限指令
  • Vue3 批量注册自定义指令
  • 二叉树
    • 二叉树
    • 算法
  • vite插件
  • RBAC权限控制简述
  • 控制反转和依赖注入
  • RESTful 风格设计
  • 为您的stellar添加medium-zoom
  • 给你的vitepress添加图片预览功能
    • 转载
    • vitepress

    • 2023

    24岁
    1.58万字35篇
  • 给未来的一封信——24周岁生日前
  • pm2部署Nuxt3
    • Nuxt
  • 再观 ReLIFE 有感
    • 观影体验
  • 🔗 在JavaScript中获取Fetch HTTP响应的状态码(翻译)
    • Fetch
    • JavaScript
  • 远程工作尝试
  • 对接下来生活的一些思考
    • 思考
  • 世界各地手机区号
    • ant-design
    • react
  • 新工作半月谈
    • 生活剪影
  • 我与前端那些事
    • 视频脚本
    • 前端学习
  • 出发
  • macos使用
  • Flutter 抓虫记
    • flutter
  • screen使用
  • 使用frp将本地mc服务器映射到公网
  • 医院见闻录
  • linux工具 - htop
    • htop
    • linux
  • gitlab搭建
  • degit -- 拉取项目（不包含提交记录）
  • js拾遗--map
    • js
  • vscode 基础使用指南
    • 照片
    • 游览
  • 大同博物馆游览留念
    • 照片
    • 游览
  • React useCallback使用
    • React
  • 驾照考试记录
  • vue3自动引入图标
    • vite使用
  • stellar主题添加代码块复制功能
    • hexo
  • 使用Hexo Stellar 主题搭建一个独立博客站点
    • hexo
  • GitHub status 获取GitHub项目信息
  • 壬寅年癸丑月乙卯 新春
  • 添加gpg签名
    • gpg签名
  • mac平台 go开发环境搭建
  • Arc浏览器激活码领取
  • 给vitepress添加algolia搜索
    • vitepress
  • Vue项目权限控制
    • Vue
  • rest client插件使用
    • vscode
    • 插件
  • prisma 快速上手
    • node
    • prisma
    • orm

    • 2022

    23岁
    1.62万字40篇
  • mock数据
  • log4js node日志管理
    • node
    • 服务端
  • 申请https证书并部署至nginx服务器
    • 服务器
    • Nginx
  • nestjs入门
    • nest
    • node
    • 服务端
  • 视频网站封面图制作
    • 自媒体
  • js数组
    • js
  • TypeScript 枚举
    • ts
  • 使用GitHubActions部署
    • hexo
    • GitHubActions
  • nest 服务提供者
    • nest
    • 服务端
  • nest 拦截器
    • node
    • nest
    • 服务端
  • MIME 类型和 Blob
    • JavaScript
    • Blob
    • MIME
  • gin初始化项目
    • gin
    • go
    • 服务端
  • git统计代码提交数量
    • git
  • sass实现一个简易的原子样式库
  • sass 常用语法
    • css
    • sass
  • vite开发时问题及解决方案
  • math.js 的使用
    • node
    • js
    • 工具
  • n切换node版本
    • node
  • nrm切换npm镜像
    • nrm
  • oss搭建个人图床
    • 阿里云
    • oss
  • Vue3 响应式系统
  • pinia 快速使用
    • pinia
  • vite使用
    • vite
    • 前端工程化
  • gulp压缩js文件
    • js
    • gulp
    • 前端工程化
  • 微信短链 URL Link
    • 微信接口
  • 小程序分包及uniapp分包
    • 小程序
    • uniapp
  • uniapp中使用pinia
    • uniapp
    • 小程序
    • pinia
  • showToast 在真机会闪退的问题及解决方案
    • 小程序
    • uniapp
  • 扫码跳转至指定界面
    • 微信接口
  • 小程序接入微信支付
    • uniapp
    • 小程序
    • 支付
  • 小程序常用工具/文档
    • 小程序
    • 工具
  • 扫码获取微信抬头
    • uniapp
    • server
    • 公众号
    • 小程序
  • 小程序简易请求数据封装
    • 小程序
    • uniapp
  • uniapp 接入微信客服
    • 小程序
    • uniapp
  • uniapp 条件编译
    • uniapp
    • 小程序
  • uniapp常见问题(一)
    • uniapp
    • 小程序
  • uni-app app打包上线要注意的部分
    • app
    • uni-app
    • 项目打包
  • Nginx安装配置
    • Nginx
  • Nginx gzip配置
  • 建站记事
    • hexo
    • vitepress