1. 前端开发

    基于 Gatsby 打造我的个人博客系统

    碎碎念 搭建一个自己的博客是无数跻身于 IT 行业开发者的心中最质朴的愿望！ 回想笔者的历程，刚上大学的时候就摩拳擦掌想要实现一个博客系统，但在 Github 上创建了仓库以后就开始了无限期的拖延：自己没有任何的开发经验，不知道框架也不知道 UI 组件库，只知道要写 HTML + CSS + JavaScript 代码，面对眼前想要实现的完整系统不知该如何下手。 从零开始实现博客系统的计划虽然搁浅…

    03 月 12 日 2025 年
    React TypeScript Gatsby
  2. 全栈开发

    从同步 QQ 空间说说到前端呈现，我都做了些啥

    最近在捣腾我的 Timeline 时间线项目，希望将我在不同平台上的发言和活跃记录同步过来，在独立的站点上按照创建时间倒序呈现。 过去，我尝试把这个想法放到 Telegram 上实现，把发言和记录同步到我的频道上。但是格式转换的繁杂以及自由度上的限制让我大费周章，加之增量开设的同步内容会以消息的方式一条一条添加到末尾，无法按时间排序，最终我放弃了这个方案。 言归正传，在项目开发的过程中…

    10 月 17 日 2024 年
    React TypeScript Node ffmpeg
  3. 前端开发

    Electron 执行后台程序并在渲染器实时打印运行日志

    开发图像查重工具时遇到了这样一个问题：在查重之前，用户需要先对图像文件进行索引操作，后台将调用可执行文件并为每张图像生成特征值。索引操作所需的时间与图像的数量及大小呈正相关，笔者为大约 50000 张图片（约 170GB）生成特征值，需要花费将近 90 分钟的时间。在这种情况下，如果渲染器什么也不展示，卡在那里，用户难免会非常焦虑 —— 后台是否还在运行，我是不是卡死了？ 那么需求也就明了了…

    08 月 05 日 2024 年
    Node Electron TypeScript React
  4. 前端开发

    遇到 AntD 组件中文乱码问题，可以试试这么解决

    项目中使用了 AntD 4.x 的 组件，开发环境显示正常，生产环境显示乱码，如下图所示： 问题原因 组件底层的国际化既由 AntD 提供的 控制（如上图的“年”，显示正常），又由 Moment 控制（如上图的“月”，显示乱码）。 经查询，当我们以 ISO8859-1 方式读取 UTF-8 编码的中文时，会出现如“由月è¦�å¥½å¥½å­¦ä¹ å¤©å¤©å�‘上…

    10 月 09 日 2023 年
    React TypeScript Ant-Design
  5. 前端开发

    为什么我使用 Umi 的 model 简易数据流管理插件

    Umi 是一款企业级的 React 前端应用框架，云巧产业数字组件中心推荐使用基于 Umi 的 Koi 框架统一前端应用研发流程，支撑前端项目从研发、联调到上线、发布的全流程。 本文假设您正在或计划使用 Umi 或 Koi 作为底层框架支撑前端应用的开发，并且对 Umi 有一定的了解。 数据治理的原则 React 的核心特征是“数据驱动视图”，用公式表达即 ，通过数据变化来驱动视图变化。React…

    10 月 23 日 2022 年
    React Umi
  6. 前端开发

    定时器 SetTimeout 在后台失效？试试 Web Worker 吧

    业务上有这样一个需求：「若用户不活跃超过 12 个小时，自动退出当前页面，并切换路由到首页」。 想都没想，直接在 里用 定个时，12 个小时后触发相应跳转事件： 没想到，今天上班来，切换到没有关闭的标签页，发现还在当前页面，掐指一算怎么也有 12 个小时了，这是怎么一回事儿……？ 昨天晚上走的时候还在和前辈探讨页面卸载（）事件与浏览器后台优化的坑，于是首先就想到了可能是浏览器优化的缘故…

    09 月 22 日 2022 年
    TypeScript React Web-Worker Umi Webpack