当前播放: 02 | 内容综述：学完这门课程你能得到什么？
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.5x
网页全屏
全屏
00:00
付费课程，可试看
课程目录
第一章：Electron基础篇 (12讲)
01 | 课程介绍
免费
02 | 内容综述：学完这门课程你能得到什么？
免费
03 | Electron介绍：为什么Electron这么火？
免费
04 | 揭秘Electron架构原理：Chromium + Node.js是如何一起工作？
免费
05 | 桌面端技术选型：如何选择合适的桌面端技术？
06 | Electron开发准备：环境搭建及前期准备
07 | 第一个Electron应用：开发一个简单版的番茄钟（上）
08 | 第一个Electron应用：开发一个简单版的番茄钟（下）
09 | 与Web开发不同（一）：主进程与渲染进程
10 | 与Web开发不同（二）：进程间通信
11 | 与Web开发不同（三）：Native能力及原生GUI
12 | 与Web开发不同（四）： 释放前端想象力，基于Electron能做什么？
第二章：实战篇 - 远程控制软件 (13讲)
13 | 实战项目综述：整体需求分析
14 | 设计思路：做远程控制有几步？
15 | 项目架构与基础业务：Electron 与 React 框架结合
16 | 主页面基础业务：Real World IPC
17 | 傀儡端实现（一）：基于Electron能力捕获桌面视频流
18 | 傀儡端实现（二）：如何接收&响应指令？
19 | 傀儡端实现（三）：基于WebRTC传输视频流（上）
20 | 傀儡端实现（四）：基于WebRTC传输视频流（下）
21 | 信令服务：如何连接两端（上）
22 | 信令服务：如何连接两端（下）
23 | 指令传输实现：如何建立数据传输？
24 | 项目完善与总结（上）：App特性
25 | 项目完善与总结（下）：原生GUI
第三章：Electron 工程篇 (10讲)
26 | Electron 应用打包：从HTML到安装包
27 | Electron 应用更新（一）：软件更新的痛点
28 | Electron 应用更新（二）：线上项目如何更新？
29 | Electron 质量监控：桌面端的质量抓手是什么？
30 | 使用原生能力：如何集成C++能力？
31 | Electron 自动化测试：如何编写端到端测试？
32 | Electron体验优化：如何优化白屏问题？
33 | Electron客户端的安全：从XSS到RCE
34 | Electron bad parts：辩证看待Electron技术
35 | 结束语
02 | 内容综述：学完这门课程你能得到什么？
邓耀龙
美团高级前端工程师
35讲 约400分钟1960
单独订阅¥99
2人成团¥79
1
登录 后留言
精选留言(7)
止水我们在项目中正在开发一个流程编排的客户端，用到Electron/vue/ts/websocket等技术。
前面自学，折腾了有4个月了。手机上推送这门课程之后，立马就购买了。
来的很及时，实战后有很多需要解惑的点
几个关键关注点吧
1、跟web技术的技术栈结合，如react/vue/angular
2、多窗口通信；多窗口及多页面应用；
3、Electron和c++及第三方应用交互；（如果Electron不能很好调用原生能力，会限制很多）
4、当用到非传统Web技术时的框架管理，如WebSocket；
5、大型桌面端性能优化等；
希望后面有机会提及到。播主加油更新~~作者回复: 多谢支持。大部分后面会提到，但侧重点会有不同，如果大家对某些知识点很感兴趣可以留言，我在课程完结前可能会有一些"加餐"。
2020-01-08 3
priapus我觉得Electron最不好的一点是编译生成的程序太大了。。。2020-03-27- 13963865700我想问个技术问题啊，我用electron做了一个多窗口项目，当应用长时间不用，在打开一个窗口时，会超级慢，白屏很长时间，页面里就是一个简单的html，我现在没办法，打开应用时，就把这个窗口创建隐藏了，使用时在显示，有没有更好的方法呀.electron是4.0
作者回复: 一般不会出现这种情况，你可以找找是不是有同步操作或者大量IO。或者可以放个可复现的代码连接一起看看讨论
2020-01-09 1 
山口谈退隐去了不太懂软件工程的内容，最近公司想用electron做个桌面软件，正好看到这个课程，我想请问老师，electron可以加载并调用起第三方硬件的dll里的方法么？作者回复: 可以，后面会涉及到，使用node-ffi即可调用dll。
2020-01-09 1
吴渣渣打卡作者回复: 滴，学霸卡~
2020-01-08
一步Electron 做一个滚动截长图的应用，老师认为难点在什么地方的？作者回复: 滚动截屏之类的已经有很多实现了，其实可以直接利用，比如puppeteer
如果你想在electron实现截页面，可以使用webContents.capturePage，难点的话可能就是需要一些细节吧，可以看一下这个讨论，会有一些code参考。
https://github.com/electron/electron/issues/83142020-01-08
林杰强不懂前端想做Electron桌面端怎么办作者回复: 学基本的js，html，css就可以写，前端还是比较容易入门的。如果写复杂的页面，还是需要一门前端框架，类似vue和react。
2020-01-08
收起评论
看过的人还看
