《Electron高级》系列-总览

已于 2022-10-19 23:58:21 修改
阅读量1.4k 收藏 4
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Electron高级 文章标签： Electron 高级 案例 深入 工作原理
于 2021-02-28 22:34:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuzehn/article/details/114241366
《Electron高级》技术专栏深入剖析Electron工作原理，通过一系列实战案例，如解决闪屏、窗口置顶失效、加载错误等问题，提供详尽解决方案。适合希望了解Electron底层的开发者，同时推荐《Electron实战》基础专栏。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录​​​​​​​

案例一

案例二

案例三

案例四

案例五

案例六

案例七

案例八

【导读】欢迎大家阅读《Electron高级》技术专栏，本专栏结合Electron底层源码和工作原理介绍了一些项目中比较常见的突出问题和案例。其中，每个案例从不同角度都提出了尽可能多的解决方案，文笔流畅，内容充实，且不乏趣味性。欢迎大家订阅分享，评论留言+点赞关注！

大家好，我是 Data-Mining ，别名 liuzhen007，中国邦德，一个敲代码的邦德，对音视频技术和WebRTC、FFmpeg、Electron等开源框架有深入的了解。

欢迎大家订阅 Data-Mining 的《Electron高级》技术专栏。

本专栏主要面向需要深入了解Electron底层工作原理的小伙伴，如果感觉太深奥，可以考虑《Electron实战》专栏，这个专栏更多的是实际开发过程遇到的各种疑难问题的解决实录。当然，如果你不满足只是解决项目中的问题，希望了解Electron的底层原理，加深自己对Electron框架的认知，也欢迎订阅。

基础专栏推荐《Electron实战》系列-总览

案例一

Electron解决闪屏问题的完美方案及其探索过程（上）

Electron解决闪屏问题的完美方案及其探索过程（下）

案例二

深入浅出解决Electron窗口置顶失效的问题

案例三

ERROR Could not load dotfile.

案例四

JS调用C++动态库dll最简demo和问题集锦[收藏版] 

案例五

Electron客户端实现本地录制功能详解【附代码】

案例六

解决 Electron 切换源码分支时的冲突问题

案例七

Electron实现麦克风声音、系统扬声器声音、桌面混合录制

案例八

Electron：WARNING Too many active WebGL contexts. Oldest context will be lost.

作者简介：😄大家好，我是 Data-Mining（liuzhen007），是一位典型的音视频技术爱好者，前后就职于传统广电巨头和音视频互联网公司，具有丰富的音视频直播和点播相关经验，对 WebRTC、FFmpeg 和 Electron 有非常深入的了解，😄公众号：玩转音视频。同时也是 CSDN 博客专家、华为云享专家（共创编辑）、InfoQ 签约作者，欢迎关注我分享更多干货！😄

《Electron实战》系列-总览
liuzhen007的专栏
11-04 6369
欢迎大家阅读 Data-Mining 的《Electron实战》专栏。 这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。 需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。......
Electron解决闪屏问题的完美方案及其探索过程（下）
liuzhen007的专栏
02-25 2234
其实，我之所以能够想到是显卡的问题，还跟运维同学反馈的一个现象有关系。 我当时正在远程排查这个问题，我始终都没有触发闪屏现象（自己认为如此）。本来以为和自己修改了一些系统配置有关系，避免了闪屏问题的发生。 但是，事实上，闪屏问题已经发生了，我没有发现而已。 这里，你可能会疑惑，闪屏多么明显的现象，你怎么会没有发现呢？ 问题就出在这里！！！
AdvancedRESTclient是一个采用Electron开发的高级RestClient
08-08
Advanced REST client是一个采用Electron开发的高级Rest Client，可以运行在windows、linux和MacOS上。
视频教程-Electron实战（2）：窗口与对话框视频课程-Electron
weixin_31443741的博客
05-28 278
Electron实战（2）：窗口与对话框视频课程 东北大学计算机专业硕士研究...
Electron 菜单系统深度解析：从基础到高级实践
最新发布
Yue
03-29 679
符合直觉的操作流程：通过科学的菜单结构设计高效的用户交互：利用快捷键和动态菜单优化专业的桌面体验：完善的平台适配和性能优化建议开发者定期查阅Electron 官方文档获取最新 API 信息，同时结合用户反馈持续优化菜单设计。在保持功能强大的同时，始终将用户体验放在首位，方能打造真正优秀的桌面应用程序。
Electron实战（4）：高级API视频课程-李宁-专题视频课程
一个被知识诅咒的人
10-19 1705
本课程是《Electron实战》专题的第4个课程，本课程将帮助学员掌握Electron核心API的使用方法。 本课程同时在Windows和Mac OS X平台上操作和演示，同时也适合于Linux。不管学员使用什么平台，本课程的源代码都可以运行。...
Electron系列文章-什么是Electron？
ForeverCjl的专栏
08-10 598
这里写目录标题Electron 是什么定义历史基于Electron实现的软件底层实现为什么要用怎么用 Electron 是什么 定义 Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。 历史 2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。 接下来的几
Electron的使用技巧
wangwen_22的博客
03-04 1185
官方网站：https://www.electronjs.org/ 开发文档：https://www.electronjs.org/docs 1.功能介绍： Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建跨平台桌面应用。Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。 懂前端的同学学习electron上手很快。VScode，Whatsapp等都是使用electron开发。 2.如何安
SSMB-EUV技术应用全览：光电子器件中的创新应用
!... # 摘要 SSMB-EUV技术是一种先进的极紫外光源技术，其具有在半导体制造、材料科学和生物医学成像等不同领域的广泛应用潜力。本文从基本理论、实验与实践以及应用案例三个方面全面介绍了SSMB-EUV技术的发展现状和...
前端技术栈---看完这篇就够了
萌古大汗的专栏
05-24 9237
html5、css3、JavaScript、nodejs、TypeScript、前端构建（webpack、gulp、grunt）、chrome DevTools、前端适配、单元测试、自动化测试、http协议、前端通信、工程化（模块化、组件化、规范化、自动化）、浏览器（渲染机制、v8原理）、前端性能优化、前端安全、多端应用（微信公众号、小程序、ReactNative、Flutter、Electron） Js高级： 1.数据类型和内存空间 2.执行上下文 3.变量对象 4.作用域和作用域链 5.闭包 6.thi
Electron教程
顺其自然~专栏
09-28 704
​Electron 是网页应用 (web apps) 的一个原生包装层，在 Node.js 环境中运行。因此，本教程假设您已经对 Node.js 和前端 Web 开发有一定地了解。Web 入门 (MDN Web Docs)NodeJS官方入门指南​Electron 程序是通过 npm 包创建的。您应将 Electron 依赖安装到，然后在 package.json 中设置一个脚本来运行。执行命令后，Electron 程序会运行您在 package.json 文件的main字段设置的入口文件。
electron开发完整案例
11-15
electron开发完整案例 源码在 resources下的app中 详细使用electron的各种技术
Electron-node-ffi编译通过源码
12-18
Electron-node-ffi编译通过源码，可以自己下node-gyp失败，可能ffi无法直接安装，那么这个源码是基于github上的代码，自己编译通过的，可以直接加入node_moduble使用
Error：Could not load file“*.AXF” Debugger aborted！
热门推荐
an_tang的博客
05-22 4万+
Error：Could not load file“*.AXF” Debugger aborted！ 在这里我的错误原因是：虽然建立项目，添加源文件，但是没有编译当前文件生成。误认为start /debug 就是dev里面的编译执行按钮  解决方案：在project框里点击鼠标右键 点击Build target
electron 平滑启动，解决启动闪过黑屏与卡顿问题
言小溪 的博客
09-23 3186
const { app, BrowserWindow } = require('electron'); // 关闭GPU加速 app.disableHardwareAcceleration() app.whenReady().then(() => { createWindow() app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createWindo
深入理解Electron一Electron架构介绍
weixin_43188769的博客
03-18 2139
Electron和众多类似的产品目标非常简单，他们将chromium（这里不同的框架选择不同，比如Tauri选择了原生的WebView，而WebView2选择了Edge内核）和Node.js（这里不同框架采取策略也不同，比如Webview2不提供默认的运行时，而Tauri选择了Rust等等）利用C++等原生语言集成起来，提供了一整套基于Web的运行环境，并提供了与底层OS交互的便捷API，目的就是为了让大家使用Web的技术栈去开发客户端原生应用，从而实现不同操作系统之间的跨平台开发。
Electron异步队列管理神器：electron-webview-schedule介绍
然而，在某些情况下，需要对 Electron 中的 Webview 标签进行更为精细的控制，比如调整异步任务的执行顺序，这时就需要使用到如 electron-webview-schedule 这样的调度管理模块。 ### Electron 中的 Webview 标签 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Data-Mining

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值