👋 欢迎来到Hawkeye-xb 的博客儿!
https://grps.hawkeye-xb.xyz/: GitHub Release API 代理服务,避免 GitHub API 访问限制。
P-Pass File: 基于 WebRTC 的文件传输工具。
Copy Checklist Web: 可以创建副本的确认清单。
Minesweeper: 扫雷小游戏。

Vue 多语言支持设计,满足快速定位和自动机翻

之前在做 blog 多语言支持的时候,也曾经短暂的做过 hugo 构建的拦截进行 AI 机翻,奈何 GPT4 成本太高和效果自己无法验证放弃了。 而后做 Web SaaS(Vue3 + Vite + TS + i18n) 项目,需要到多语言的支持。重新设计了一套满足快速定位,和自动 AI 机翻的多语言方案。 ...

七月 29, 2025 · 3 分钟 · 1449 字

Monorepo 多 SPA 下 Cloudflare 转发配置

前端在 Monorepo 架构下(多HTML),难免是需要做静态资源的转发配置。 如果每个 Path 都有对应的资源,那也好说,但在现今 SPA 下,会有前端单页面托管处理路由的跳转逻辑,就难免出现访问某些 Path 下不存在的路由,或直接访问其自路由的情况下,到底应该加载哪个文件的问题。 ...

七月 23, 2025 · 2 分钟 · 656 字

Chromium 的“后门”:CommandLine

概念 Chromium(和Chrome)接受命令行开关,以启用特定功能或修改其他默认功能;Electron CommandLine Class 就是用于操作Chromium读取的应用程序的命令行参数的。 ...

三月 14, 2025 · 3 分钟 · 1200 字

外援 —— 原生模块的调用

Node 调用原生模块 原生模块 动态链接库 进程

三月 14, 2025 · 1 分钟 · 18 字

生命周期

生命周期函数可以分为 APP 的生命周期,创建视图(BrowserWindow、BrowserView)和插件的生命周期。 APP LifeCycle will-finish-launching ready: electron 已经准备好,可以创建 BrowserWindow,调用 dialog、ipc 等模块 before-quit will-quit quit 注: 在 Windows 系统中,因系统关机/重启或用户注销而关闭,before-quit will-quit quit 事件不会被触发。如果有 fork 启动的进程,可以利用心跳结合退出函数来关闭。 ...

三月 13, 2025 · 2 分钟 · 597 字

进程间通信 —— IPC

背景 进程间通信(IPC,Inter-Process Communication)是 Electron 中构建功能丰富的桌面应用程序的关键部分之一。在深入探讨 Electron IPC 的实现之前,我们先来了解这种设计的背景。 ...

三月 12, 2025 · 5 分钟 · 2316 字

Trae 开发体验,半天完成 “扫雷” 小游戏

Github 地址 游戏地址 文档地址 背景 最近因为其他原因,借助 Trae 完成了这款“扫雷”小游戏。本来打算是参与掘金产品体验活动的,无奈这台五年前的 MacBook 内存实在支撑不住,把存档和截图都删了。那就就着这个项目,聊聊 AI 对前端开发的影响吧。 ...

二月 17, 2025 · 2 分钟 · 814 字

Trae 纯黑盒开发体验,两小时完成一款APP

前言 早就听闻 Cursor AI 编程大名,由于对 Claude、GPT-4o 有过粗浅的体验,又因为续费购买麻烦(贵),虚拟卡的余额用完了就没有续费,所以一直没有体验过这类工具。 从作为研发,个人的角度出发,一直认为和问答方式,白盒使用模型辅助编程没有太大的区别,都应该审核生成的代码。 然而在某书刷到【XX补光灯】的项目后对我冲击非常大,再次让我意识到,大部分的项目,技术从来不是壁垒。 在准备使用 Deepseek + vscode 插件方案的时候,发现了 Trae AI 这款工具。 ...

二月 6, 2025 · 5 分钟 · 2331 字

Electron 客户端项目从搭建到分发的全流程(含pipeline)

最近在开发基于 WebRTC 做数据传输的文件管理工具,P-Pass File 需要对本地文件做读写操作,大量的操作干脆就直接以本地服务的方式去处理了。 之前为了快速开发客户端,使用 electron-forge vite ts 模板快速创建项目。可不曾想在主进程中使用 fork、child_process 启动 node 服务,vite 构建出来的产物会循环的启动 app,直接导致设备无法使用( issue 地址 )。找不出解决的办法,无奈只能使用老一套的方案处理了。 ...

二月 4, 2025 · 4 分钟 · 1810 字

使用 peer 实现 WebRTC 数据传输

为了实现远端设备可访问,这里选用了 WebRTC 作为 P2P 数据传输方案。避免繁琐的内网穿透处理。Peer使用方式可以直接跳转 什么是 NAT NAT(Network Address Translation,网络地址转换)是一种在计算机网络中广泛使用的技术,主要用于将私有网络中的IP地址转换为公共网络中的IP地址。NAT的主要目的是解决IPv4地址短缺的问题,并提供一定程度的网络安全。 ...

十一月 25, 2024 · 5 分钟 · 2342 字