electron

前端老兵AI3 天前
前端·electron
Electron 桌面应用开发入门:前端工程师的跨平台利器分类:前端 | 标签:Electron、桌面应用、electron-vite、IPC、前端工程化前端技术栈已经能覆盖 Web、小程序、App,而 Electron 让同一套 HTML/CSS/JS 还能跑在 Windows、macOS、Linux 桌面上。无论是内部工具、桌面客户端还是跨平台应用,Electron 都是值得前端工程师掌握的技能。本文从「为什么学」「项目搭建」「主进程与渲染进程」「IPC 通信」到「打包分发」和「实战场景」,带你快速入门。
极客小云3 天前
vue.js·安全·electron
【Electron-Vue 企业级安全启动模板:electron-vue-theme-template 使用指南】摘要:还在为搭建一个安全、规范的 Electron + Vue 项目而烦恼吗?本文介绍一个开箱即用的企业级启动模板——electron-vue-theme-template。它提供了分层架构、安全的 IPC 通信、集成的状态管理和清晰的工程规范,能帮助你绕过繁琐的配置,直接聚焦业务逻辑开发,是构建可维护、高安全性的跨平台桌面应用的最佳起点。
kyle~3 天前
前端·javascript·electron
Electron桌面容器Electron是由GitHub开发、现由OpenJS Foundation维护的开源跨平台桌面应用开发框架,它的核心公式可以概括为:Electron = Chromium + Node.js + Native API。通过整合这三大核心技术,Electron允许开发者使用HTML、CSS和JavaScript等Web技术构建在Windows、macOS和Linux三大主流操作系统上运行的原生桌面应用,无需掌握C++、Swift等传统原生开发语言。VS Code、Slack、Discord、Figma桌面
H_老邪4 天前
前端·vue.js·electron
Vue + Electron 项目快速上手指南假如你是个新人,刚拿到公司的前端项目的代码,你会怎么快速上手?如图:这两个问题直接从项目根目录的package.json就能找到答案,也是新手入门最先要理清的基础信息,先给你讲透,再继续走上手流程:
floret. 小花4 天前
前端·面试·electron·学习笔记·vue3
Vue3 + Electron 知识点总结 · 2026-03-21我是一名对代码狂热的 IT 工作者,目前在一家公司任职前后端开发工程师。以后每天都会更新 CSDN 和稀土掘金的文章——工作中写了什么代码都会在平台上展示 🚀 不会公布公司秘密,只是从中提取 IT 语言的知识点,提供给大家学习使用。
码路飞5 天前
typescript·electron
Electron 太胖了?试试 Electrobun,12MB 打包一个 AI 桌面助手前两天刷掘金热榜看到 Electrobun 这个名字,第一反应是——又一个 Electron 替代品?Tauri 不是已经卷过一轮了吗?
floret. 小花5 天前
前端·面试·electron·学习笔记·vue3
Vue3 知识点总结 · 2026-03-20本次共识别 13 个知识点,覆盖 7 个分类。项目中的用法(来自 src/views/commentAnalysis/components/period_detail/index.vue、src/views/commentAnalysis/components/period_detail/pick_list_modal/index.vue、src/views/commentAnalysis/components/period_overall/index.vue、src/views/commentAnaly
梦鱼6 天前
前端·electron
🖥️ 告别 Electron 托盘图标模糊:一套精准的 PNG 生成方案在开发 Electron 应用时,托盘图标(Tray Icon)的清晰度一直是个让人头疼的问题。尤其是在 Windows 系统上,不同 DPI 缩放比例下,图标很容易变得模糊或有锯齿。
家里有蜘蛛7 天前
electron
Electron 桌面应用多实例实践:数据隔离与跨进程互斥某天产品经理带来了一个客户需求:希望桌面客户端可以同时打开两个实例——实例 A 与实例 B 互不干扰、独立运行。
前端Hardy8 天前
前端·javascript·electron
Electrobun 正式登场:仅 12MB,JS 桌面开发迎来轻量化新方案!你的 Electron 应用打包后 150MB? 而用 Electrobun,一个功能完整的桌面 App 只需 12MB——启动更快、内存更低、更新补丁仅 14KB。
羊吖9 天前
前端·javascript·electron
Vue3 + Electron 实现纯本地人脸识别登录一体机(离线可用、无云端、带页面跳转)在本文中,我将手把手教你使用 Vue3 + Electron 实现一套纯本地、离线运行、不上云的人脸识别登录系统。功能包含:
卸载引擎9 天前
前端·javascript·electron
NTP 授时(Network Time Protocol)核心解读,工控机electron程序自动联网授时案例最近公司的工控机产品遇到一个问题,工控机是离线使用的,但是客户对于时间要求又比较高,要精确到秒,不能有太大误差。所以怎么能快速授时这个问题一直萦绕在我脑海里…
codingWhat9 天前
前端·javascript·electron
Electron 入门实战:用一个加法计算器吃透 Electron 核心概念这不是一篇只讲概念的八股文,而是一篇能直接跑起来的实战小册。 我们从一个极简的 Electron 应用——加法计算器(macOS)出发,一路串起:主进程、渲染进程、预加载脚本(preload)和 IPC(进程间通信)。
loriloy9 天前
electron·登录认证
Electron 桌面端身份认证 - 本地回环重定向认证 Loopback Interface Redirection在开发桌面应用时,身份认证(尤其是 SSO 单点登录)始终是核心环节。很多开发者习惯于在 Electron 内部开一个 webview 或 iframe,但这在现代安全标准下已显得捉襟见肘。本文将带你深入了解 Trae、VS Code 等主流工具背后的登录机制——Loopback Interface Redirection。
ujainu11 天前
javascript·安全·electron
Electron 实战:将用户输入保存到本地文件 —— 基于 `fs.writeFileSync` 与 IPC 的安全写入方案个人主页:ujainu在桌面应用开发中,“保存用户数据到本地”是最基础也最关键的交互之一。Electron 凭借其融合 Web 技术与 Node.js 能力的独特架构,使得这一操作既直观又强大。
ujainu11 天前
华为·electron·harmonyos
在 HarmonyOS PC 上实现自定义窗口样式的 Electron 应用详解个人主页:ujainu随着华为鸿蒙操作系统(HarmonyOS)正式进军 PC 领域,开发者生态正迎来前所未有的机遇。尽管 HarmonyOS PC 尚未原生支持 Electron 框架,但凭借其对 Linux 应用的良好兼容能力,我们仍可在该平台上成功运行基于 Web 技术的桌面应用。
ujainu11 天前
javascript·electron·harmonyos
Electron 极简时钟应用开发全解析:托盘驻留、精准北京时间与 HarmonyOS PC 适配实战个人主页:ujainu在桌面工具类应用中,时钟程序看似简单,实则涉及时间同步、UI 刷新、系统集成、资源优化等多重技术维度。本文将基于一段完整的 Electron 代码,深入剖析如何构建一个具备以下特性的专业级时钟应用:
小圣贤君11 天前
前端·人工智能·爬虫·electron·ai写作·小说下载·网文下载
在 Electron 里造一个「搜书 + 下载」:从 so-novel 到 51mazi 的爬虫实践一句话推荐:在 Electron + Vue 3 里实现「搜书名 → 选书源 → 一键下载到本地」的完整方案,含多书源配置、Cheerio 解析、GBK 编码、正文去广告与 IPC 踩坑实录,附源码与 GitHub 链接。
ujainu11 天前
javascript·electron·harmonyos
Electron 主进程与渲染进程通信详解:HarmonyOS PC基于 `ipcRenderer.send` 与 `ipcMain.on` 的双向数据传输个人主页:ujainu在 Electron 应用架构中,主进程(Main Process) 负责创建窗口、调用系统 API、管理生命周期;而 渲染进程(Renderer Process) 则运行 Web 页面(HTML/CSS/JS),处理用户交互。由于安全与稳定性考虑,两者运行在完全隔离的上下文中,无法直接共享内存或变量。