Electron on Hawkeye-xb Blog

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

Tue, 04 Feb 2025 00:00:00 +0000

最近在开发基于 WebRTC 做数据传输的文件管理工具，P-Pass File 需要对本地文件做读写操作，大量的操作干脆就直接以本地服务的方式去处理了。

之前为了快速开发客户端，使用 electron-forge vite ts 模板快速创建项目。可不曾想在主进程中使用 fork、child_process 启动 node 服务，vite 构建出来的产物会循环的启动 app，直接导致设备无法使用（ issue 地址）。找不出解决的办法，无奈只能使用老一套的方案处理了。

几个关于字体和Electron有趣的面试题

Thu, 10 Oct 2024 07:47:40 +0000

经过这么些面试，对于所做过的字体和 Electron，要么不根据项目来问，直接就是 Vue 原理，要么就是前端八股，最多也就是几个简单的 Electron 使用的问题。没想到在非互联网大厂的面试，碰到几个非常有意思的问题。

学习和研究Figma：WebviewTag 还是BrowserView？

Sat, 13 Jul 2024 00:00:00 +0000

大家好。

今天继续来学习Figma客户端。在看Electron Web Embeds 文档的时候，知道官方因为Webview结构还在发生变化，而不推荐使用。但如果锁定Electron版本不再升级，这种不用考虑结构变动的情况下，到底应该使用WebviewTag还是BrowserView呢？

学习和研究Figma：登录功能

Tue, 30 Apr 2024 02:09:26 +0000

大家好。

今天来学习和研究Figma的登录功能，毕竟这是APP所有功能的基础。

当作为前端我们研究某个网页的时候，下意识的就是打开chrome devtool，Figma也是保留了这个快捷键，MacOS环境下，command + option + i就可以唤起。

学习和研究Figma：背景

Sun, 28 Apr 2024 02:09:26 +0000

大家好。

前些时候看Electron更新的blog，已经迭代30.0.0版本了，提供WebContentsView将browserView废弃了。

想起当时接触客户端开发还是NW，了解Electron的时候才11.0.0的版本。那这和Figma有什么关系呢？在探索互联网产品的整个流程中，不管是设计、原型还是研发，多多少少都接触过Figma这款产品，或者听过Adobe计划两百亿美金收购Figma的事件，结果暂且不论，可以见得Figma这款产品的影响力。打开这款产品的安装包，我们可以看到，它使用的正是Electron框架，browserView都是Figma团队提供的。

一开始，还能直接解包看到Figma的源码，现在直接解包asar会出现内存越界，~~目前还不知道怎么处理。不过这也不影响我们学习和研究Figma基础的功能。~~（已经更新处理方式）。有些时间没有碰Electron，借此机会，也算是对之前做过的内容，进行了一个总结沉淀吧。