【后盾人】Electron 新手启航与桌面摄像头软件开发

使用 electron+vue3+typescript+pinia+element ui 开发电脑桌面摄像头管理软件

资源描述：使用我们熟悉的前端JS语言进行桌面端程序开发，Electron 新手启航与桌面摄像头软件开发

【后盾人】Electron 新手启航与桌面摄像头软件开发 课程视频截图

课程目录：

01第一章 开发环境配置

1 为什么学习electron.mov

10 使用样式控制渲染进程.mov

11 写个electron+vite+vue脚手架.mov

2 介绍electron使用的技术.mov

3 进程通信.mov

4 开发软件介绍.mov

5 代码存放版本库说明.mov

6 初始化electron项目.mov

7 主进程与渲染进程代码区别.mov

8 使用nodemon刷新应用.mov

9 不同操作系统的处理方式.mov

02第二章 代码调试

1 网络请求安全处理.mov

2 配置主进程调试.mov

3 渲染进程断点调试.mov

03第三章 进程通信

1 解释使用预加载脚本进行进程通信.mov

10 渲染进程接收主进程结果.mov

11 渲染进程向主进程传递参数.mov

2 初始项目准备讲解进程通信.mov

3 什么是预加载脚本.mov

4 完成渲染进与主进程通信.mov

5 创建菜单体验主进程向渲染进程通信.mov

6 主进程向预加载脚本发送指令.mov

7 完成主进程向渲染进程通信.mov

8 双向通信的使用方式.mov

9 使用invoke进行进程双向通信.mov

04第四章 隔离进程

1 初始electron项目.mov

2 contextisolation使用场景.mov

3 在预加载脚本与渲染脚本中使用node模块.mp4

4 沙盒模式是什么.mov

5 动态设置窗口尺寸.mov

6 使用screen模块控制窗口居中.mov

7 向主进程中传递窗口尺寸.mov

8 完成动态修改窗口尺寸的功能.mov

05第五章 菜单管理

1 创建electron项目.mov

2 再次回顾不同平台的开发方式.mov

3 设置基础菜单.mov

4 不同平台处理不同菜单业务与菜单分隔符.mov

5 使用菜单进行进程通信.mov

6 渲染脚本接收菜单事件.mov

7 右键菜单渲染进程事件定义.mov

8 完成右键菜单功能.mov

06第六章 对话框

1 初始化electron项目.mov

2 dialog对话框的基本使用.mov

3 警告杠与确认框结合使用.mov

4 renderer与preload通信.mov

5 完成在主进程选择文件.mov

6 完成图片文件选择案例.mov

7 使用showsavedialog保存文件.mov

8 使用setwindowopenhandler定义链接打开方式.mov

07第七章 开发桌面摄像头软件

1 安装vite-electron脚手架.mov

10 使用cnposable组合api持久化配置.mov

11 使用pinia进行全局状态管理.mov

12 pinia的本地localstorage持久化存储.mov

13 窗口边框尺寸和颜色定义.mov

14 实现摄像头圆角效果.mov

15 使用tailwindcss的group鼠标移入时显示图标.mov

16 修改边框样式.mov

17 右键菜单退出功能.mov

2 安装配置element-ui和tailwindcss.mov

3 获取摄像头api.mov

4 摄像头样式定义.mov

5 等比例缩放摄像头.mov

6 怎么选择电脑中的摄像头.mov

7 选择摄像头.mov

8 摄像头与配置页面切换.mov

9 多页面共享数据.mov

08第八章 js 拖拽窗口

1 windows 托动时 hover 失效的问题.mp4

2 分析使用 js与进程通信改变窗口位置的思路.mov

3 创建 drag窗口托放类.mov

4 preload 预加载脚本定义与 window.api 的 ts 类型声明.mov

5 将鼠标移动距离传递给主进程.mov

6 完成 js 拖拽窗口的功能.mov

7 优化托动代码.mov

09第九章 图标管理

1 系统托盘图标定义.mov

2 图标库的选择.mov

3 隐藏dock 状态栏图标.mov

10第十章 安装程序

1 打包安装程序之配置文件说明.mov

2 打包软件的图标设置.mp4

3 生成苹果安装软件.mov

4 打包window安装安装.mp4

11第十一章 摄像头尺寸切换

1 动态修改窗口的原理分析.mov

2 主进程改变窗口尺寸事件定义.mov

3 vue 组件修改窗口尺寸.mov

4 完成摄像头尺寸切换.mov