blog
blog copied to clipboard
Developer27149
My blog on Next.js and TypeScript.
--- description: 这篇文档用尽量轻松的方式，带你把现在的主题体系从“为什么要这么做”一路串到“真实的代码是怎样运转的”。看完它，你就能在脑海里勾勒出这套系统的全过程：预设 → Token → CSS 变量 → 页面应用 → 生成脚本 → 运行时同步。 cover: https://de4965e.webp.li/blog-images/2025/10/1c1a20f520e6165e14b721d73e341fde.png --- # React + Antd 主题系统改造全景指南  **这篇文档用尽量轻松的方式，带你把现在的主题体系从“为什么要这么做”一路串到“真实的代码是怎样运转的”。看完它，你就能在脑海里勾勒出这套系统的全过程：预设 → Token → CSS 变量 →...
--- description: 今天，让我来分享一下自己对于 React i18n 的理解，从零开始配置 i18n 解决方案。 cover: https://de4965e.webp.li/blog-images/2025/10/a3b3b223eb2fa65e9baf490469607898.png --- # React i18n 浅解 今天，让我来分享一下自己对于 React i18n 的理解，并使用核心 lib: `i18next`和 `react-i18next`从零开始配置解决方案。 > `react-i18next` 版本为：`16.1.5`，因此相关文档需要看 LeGACY v9 的部分：https://react.i18next.com/legacy-v9/step-by-step-guide 前者是一个与框架无关的国际化库，无论 nodejs...
--- description: 本期精选 8 大亮点工具/项目，聚焦 AI、生产力和开发效率。 cover: https://pub-a24338d47a7449bcb524a571e22ffe97.r2.dev/1758474211811-b7a0fe00-8b38-4ae6-89f7-b67629f06b65.png --- # 妙才周刊 No.78 本期精选 8 大亮点工具/项目，聚焦 AI、生产力和开发效率。以下以简洁列表呈现，帮助你快速定位： - Haye (AI 助手)核心亮点：macOS 私有 AI，支持多模型聊天（GPT-4.1/Claude 等）、文件/网页互动 - OpenAI Codex (编码工具)核心亮点：GPT-5 驱动的编码代理，自动化 bug 修复/PR，CLI...
--- description: 本期介绍了 Claude Code、Context7、UpAir、Surf、Streamdown、Keka、Magecdn 和 Cap 等工具，涵盖编程、文件管理、隐私保护和 UI 优化，助力开发者提升效率。 cover: https://de4965e.webp.li/blog-images/2025/09/5c302f6ef23c7928a25baf8c9ed6a727.png --- # 妙才周刊 No.77 大家好，欢迎查收本周的周刊资讯 🎉，本周给大家介绍了 Claude Code、Context7、UpAir、Surf、Streamdown、Keka、Magecdn 和 Cap 等工具，涵盖编程、文件管理、隐私保护和 UI 优化，助力开发者提升效率。 ## Claude Code 概述 ...
--- description: 本周推荐了多个有趣的开源项目和工具，涵盖多个领域。 cover: https://de4965e.webp.li/blog-images/2025/09/aba7dde1b2f3be6d8e571c5728d8167d.png --- 本周推荐了多个有趣的开源项目和工具，涵盖多个领域。主要包括： 1. **Filo**：一款AI驱动的邮件客户端，支持邮件管理和待办事项。 2. **LimeWire**：免费的文件传输网站，支持大文件传输和端到端加密。 3. **CheckCle**：实时监控工具，提供服务器、应用程序和基础设施的监控功能。 4. **number-precision**：一个轻量级（1k大小）的JavaScript库，用于精确的加减乘除操作。 5. **Evil Charts**：开源React图表组件，支持多种动画和图表类型。 6. **Penpal**：基于Promise改进iframe、Web Worker和窗口间通信的工具。 7. **doocs/md**：支持微信公众号样式预览的Markdown编辑器，提供多种自定义功能和AI助手。 ## Filo 邮至即成 邮件堆积成山？Filo 顺手理开：重点有了，待办好了，回复快了。 > [Filo...
--- description: 本文仅作为记录我在看代码的过程和跟群友聊天了解到的一些知识。 cover: https://de4965e.webp.li/blog-images/2025/09/4f3ed4b8276f90cd529de3340eb87d05.jpg --- # 前端开发实战笔记：从 Axios 到 TanStack Query 的工程化实践  ## 内容总览 - `Axios` header authorization 设置 - iOS Safari 100vh 设置 - `Zustand` 保存主题和暗色模式 -...
--- description: Dia 浏览器主打极简设计和 AI 深度集成，支持自然语言交互、内容总结和自动化操作。基础功能免费，高级 AI 功能或将付费。适合轻量办公，重度用户可观望后续更新。 cover: https://de4965e.webp.li/blog-images/2025/06/a92abb70d15ecd2974908b9d8cad0dea.png ---  ## 前言 我接触的第一个浏览器是 IE，随着上网经验的积累，IE 渐渐变成了用来下载 Chrome 的工具。在 2022 年以前，Chrome 始终是我最常用的浏览器。2022 年发生了什么？ 2022 年，Arc 浏览器横空出世，产品团队以“重新想象浏览器”为 Slogan，为 Arc 赢得了大量忠实用户。 Arc...
--- description: 今天是 2025 年 06 月 19 日，下班之前给大家分享一下我在项目里通过 URL 传递数据遇到的一些问题。 cover: https://de4965e.webp.li/blog-images/2025/06/bb9a139acb5611d4647f5c12230bedeb.png --- 今天是 2025 年 06 月 19 日，下班之前给大家分享一下我在项目里通过 URL 传递数据遇到的一些问题。  ## 场景 我们有一个后台系统，产品经理提出一个需求：在当前系统内部调用另一个系统的一些服务。 两个系统之间的代码虽然可以通用，但之前并没有做 Monorepo 之类的规划，因此我们决定通过...
--- description: hello，大家好！今天笔者的邮箱收到了 ECMAScript News 的邮件，看到了一些不错的新讯息，于是花了点时间写下这篇短文，给大家分享一下！ cover: https://de4965e.webp.li/blog-images/2025/06/0d7c41cbb20277dee7b58b3873175030.jpg --- **hello，大家好！今天笔者的邮箱收到了 ECMAScript News 的邮件，看到了一些不错的新讯息，于是花了点时间写下这篇短文，给大家分享一下！** ## Exploring JavaScript ES2025  **著名工程师 Dr.Axel 发布了最新版的免费电子书《Exploring JavaScript ES2025》，作者自述：****“探索 JavaScript” 通过提供尽可能一致的现代视角，使得该语言对新手来说更加容易学习。** **无论你是新手小白，还是一个资深的 JavaScript 开发者，这本书都可以让你了解到最新的 JavaScript 知识，以及作者分享的部分****测试驱动**的编程练习，最重要的是：免费！...
--- description: 这是一个真实的技术调试故事，记录了一个主要从事前端开发的程序员，在 AI 助手的帮助下，如何一步步解决 Chrome 扩展后端 API 的集成测试问题。从最初的 18/31 测试失败，到最终的 31/31 全部通过，这个过程充满了挫折、学习和成长。 cover: https://de4965e.webp.li/blog-images/2025/06/83838f05b265bb0bac21600397a3a118.jpeg ---  从入门到放弃再到成功：一个前端程序员的后端 API 调试血泪史 > **序言**：这是一个真实的技术调试故事，记录了一个主要从事前端开发的程序员，在 AI 助手的帮助下，如何一步步解决 Chrome 扩展后端 API 的集成测试问题。从最初的 18/31 测试失败，到最终的...