余弦の博客

这篇文章是作者2023年年终总结，以轻松幽默的口吻回顾了全年生活与工作：从北漂实习到毕业，记录了租房、饮食、旅行、兴趣爱好（如做流麻、追番、玩游戏）等日常片段，同时介绍了维护Telegram频道和开发工具的日常。尽管技术上后半年懈怠，但整体生活平稳，内容多已通过频道发布，因此总结简洁，强调新的一年要积极写代码，跨年愉快。

本文深入解析了 NestJS 框架的核心架构与设计思想，通过分析优秀项目的目录结构和模块化实践，系统介绍了模块（Module）、服务（Service）、控制器（Controller）、DTO、实体（Entity）、守卫（Guard）、拦截器（Interceptor）和反射器（Reflector）等关键概念与应用场景。文章结合代码示例，展示了如何通过分层架构实现关注点分离，利用 DTO 进行数据验证与转换，通过守卫和拦截器实现权限控制与响应处理，并强调了元数据在自定义功能中的重要作用，帮助开发者真正“懂得用”NestJS，提升后端开发的可维护性与灵活性。

本文记录了作者从零开始搭建 React Native 项目的过程，重点介绍了使用 Expo 搭建跨平台移动端应用的流程与优势。通过详细说明 Windows 环境下 Android 开发环境的配置（如安装 Android Studio、配置 SDK 和环境变量），以及 Expo 的核心功能和推荐库（如安全区域、动画、存储、地图等），帮助有前端基础的开发者快速上手并提升开发效率。

本文分享了如何使用 @floating-ui/react 库创建一个功能完整的可访问对话框（Dialog）组件，支持模态、背景遮罩、ESC键和外部点击关闭、焦点管理以及ARIA角色等特性，并通过 FloatingPortal、FloatingOverlay 和 FloatingFocusManager 等组件实现弹窗的渲染、交互和可访问性。

本文介绍了如何在 React 中使用 Floating UI 库创建弹出框（Popover）组件，重点讲解了 `useFloating` Hook 的核心配置，如定位、锚点、中间件（自动置中、偏移、箭头等）以及交互控制（点击打开/关闭、Esc关闭、屏幕阅读器支持）。文章通过实际代码演示了如何实现一个可定制、可访问的浮动弹出组件，并对比了模态与非模态焦点管理行为，最后推荐深入阅读官方文档以掌握其设计理念和扩展能力。

文章介绍了作者基于Backblaze B2云存储和Cloudflare CDN搭建免费图床的方案，结合Picgo工具实现图片上传与管理。通过Backblaze低成本存储和Cloudflare免费CDN加速，实现稳定、低价、可自定义域名的图片存储与访问，同时分享了配置过程中的常见坑点和解决方案，如DNS迁移、URL路径重写、Picgo S3插件配置等，适合追求性价比和自定义需求的用户。

Tailwind CSS v3.3 推出了多项实用新特性，包括深色模式扩展调色板、渐变颜色精确控制、开箱即用的多行文本截断、字体大小与行高联合设置、CSS变量简写语法、列表项图片标记、断字控制及表格标题对齐等功能，显著提升了开发效率和灵活性。开发者可通过 npm 快速升级并在线体验所有新功能。

作者分享了将个人博客从 Hexo 迁移到 xLog 的经历，介绍了 xLog 作为一个基于区块链的开源博客系统，具备去中心化、数据所有权明确、现代化技术栈（Next.js、TypeScript 等）和丰富的功能（如 AI 生成摘要、IPFS 图片存储、Web3 互动等）的优势。同时，也指出了当前存在的不足，如批量操作不便、缺乏搜索与分类功能、编辑器体验待提升，并呼吁关注真正致力于 Web3 理想的开发者，而非仅关注投机行为。

本文总结了2022年前端开发常用的VSCode插件及工具，涵盖开发、辅助、实用和外观优化等多个类别，推荐了GitLens、Live Server、Prettier、Tailwind CSS等核心插件，并介绍了代码片段、项目管理、多人协作及刷题工具，同时附带浏览器插件和截图录屏等实用工具推荐。

文章介绍了作者使用 Koa2 + Sequelize 搭建的校园社区后端项目，具备完整的社区功能和后台管理，采用 RESTful 接口设计，功能涵盖发帖、评论、分区管理、用户操作等，拥有完善的接口文档、权限控制和错误处理。项目虽为新人实践之作，存在分支管理缺失、代码未格式化等问题，但结构清晰、文档齐全，是学习后端开发和接口设计的良好案例。