余弦の博客

本文详细介绍了如何从零搭建一个基于Expo的React Native项目，包括Android开发环境的配置（如安装Android Studio、设置Android SDK 13、配置ANDROID_HOME环境变量）以及使用Expo的优势和常用配套库（如安全区域管理、动画库）。适合有前端经验且希望快速上手移动端开发的开发者。

本文介绍了如何使用 Floating UI 库创建一个可访问的对话框（Dialog）组件。对话框具有模态特性，会覆盖页面内容并阻断其他交互，通过 `useFloating`、`useClick`、`useDismiss`、`useRole` 等钩子实现打开关闭、焦点管理及无障碍支持，并结合 `FloatingPortal`、`FloatingOverlay` 和 `FloatingFocusManager` 构建完整的浮动对话框 UI。

本文分享了在 React 项目中使用 Floating UI 库实现弹出式组件（如 Popover）的实践经验。该库专注于提供锚定定位功能，通过 `useFloating` 和 `useInteractions` 等核心钩子实现弹出元素的定位、交互和可访问性支持，强调其低级别、高度可定制的特性，适合熟悉 React 的开发者深入使用。

文章介绍了作者通过组合使用Backblaze云存储和Cloudflare CDN搭建免费个人图床的方案。Backblaze提供低成本、高稳定性的存储服务，Cloudflare提供免费流量、CDN加速和域名绑定功能，两者间数据传输免费，配合PicGo工具可实现便捷上传。文章还详细说明了配置过程中的坑点，如DNS切换后记录丢失、Cloudflare规则配置问题等，强调了实际操作中需仔细验证和手动调整。

Tailwind CSS v3.3 发布于2023年3月28日，带来了多项实用新功能，包括更丰富的深色主题配色、支持ESM和TypeScript、可自定义渐变位置、内置多行文本截断（line-clamp）、字体大小与行高联动类、CSS变量简写语法、列表项目图片标记、细粒度断词控制以及表格标题对齐等。这些更新提升了开发效率和灵活性，详情可参考官方发布说明。

作者将个人博客从Hexo迁移至xLog，出于对Web3技术的热爱及对去中心化、数据主权和现代开发栈的追求。xLog基于区块链构建，支持去中心化存储、NFT化文章、IPFS图片上传、AI摘要生成等功能，具备开源、美观、易用且高度可定制的特点，但目前仍存在批量操作、搜索、分类、文章隐藏等不足，未来有望通过插件和功能完善进一步提升体验。

本文整理了2022年前端开发常用的VSCode插件及实用工具推荐，涵盖代码编辑、版本控制、项目管理、协作开发、实用功能等多个方面。内容包括GitLens、Live Server、ESLint、Prettier、Tailwind CSS等核心插件，以及书签、翻译、截图录屏等实用工具，帮助开发者提升开发效率和体验。

本文总结了一个基于 Koa2 + Sequelize 构建的校园社区后台项目，包含完整的 API 接口、前后端功能及详细文档。项目具备完善的 CRUD 操作、权限控制、错误处理和 RESTful 风格设计，适合前端开发者学习和参考，但因开发周期短、缺乏分支管理，部分功能实现较为简单。

本文作者是一位开发者，分享了自己为高校学生开发并维护的“XiaoAi Class Schedule”课程表导入工具的使用方法和开发历程。该工具支持小米手机自带功能，可自动导入河南工业大学课程表，并提供桌面小部件和课程提醒等功能，同时开源代码供学生社区持续维护和改进。

作者分享了将其个人博客从GitHub Pages迁移到Vercel的体验，称赞Vercel在访问速度、部署便捷性、版本回滚和域名管理等方面的优越表现。通过Hexo + Shoka主题结合Vercel部署，实现了更简洁、高效的博客搭建流程。