Electron教程2-第一个应用

ops/2024/11/19 17:33:51/

玩转Electron2

  • 前提条件
  • 从开源程序electron-tabs入手
    • 运行效果图
  • 解读
  • 主进程
  • 窗口
  • 渲染进程
  • 自定义标签
  • 问题

前提条件

Electron教程1-初学入门

electrontabs_5">从开源程序electron-tabs入手

下载源码

解压

进入目录

cnpm i
npm run demo

运行效果图

在这里插入图片描述

解读

app.js 入口文件
electron-tabs.html 前端文件

主进程

入口文件 app.js 运行在主进程上。
每个 Electron 应用都有一个单一的主进程,作为应用程序的入口点。 主进程在 Node.js 环境中运行,这意味着它具有 require 模块和使用所有 Node.js API 的能力。

窗口

主进程的主要目的是使用 BrowserWindow 模块创建和管理应用程序窗口。
创建窗口必须在 app ready 之后。

在些项目中特别注意 webviewTag 的配置,这个是启用 electron自定义标签,是tab标签页实现的关键。

    webPreferences: {webviewTag: true}

渲染进程

前端文件运行在渲染进程上。
每个 Electron 应用都会为每个打开的 BrowserWindow ( 与每个网页嵌入 ) 生成一个单独的渲染器进程。 洽如其名,渲染器负责 渲染 网页内容。

自定义标签

electron-tabs 自定义了一个 标签
示例中主使用了
tabGroup.setDefaultTab
tabGroup.addTab
两个方法

问题

这一节没感觉有什么难的,主要是结合 第二个实例和第一个应用,好好理解下主进程和渲染进程,后期这个概念经常用到。


http://www.ppmy.cn/ops/135033.html

相关文章

TypeORM在Node.js中的应用

💓 博客主页:瑕疵的CSDN主页 📝 Gitee主页:瑕疵的gitee主页 ⏩ 文章专栏:《热点资讯》 TypeORM在Node.js中的应用 TypeORM在Node.js中的应用 TypeORM在Node.js中的应用 引言 TypeORM 概述 定义与特点 发展历程 TypeO…

学习笔记026——Redis基本操作命令

Redis是一个开源的、基于内存的键值对(Key-Value)数据库。 它以其高性能、丰富的数据类型支持以及多种高级特性,在多个领域得到了广泛的应用。 文章目录 1、连接redis2、ping命令3、切换数据库4、get/set(读写键值命令&#xff09…

Android 开发构建问题

1.Android studio gradle 同步慢 在Android Studio中打开新的项目 同步新项目可能会出现 gradle zip包下载慢的问题,我们可以尝试替换源 可以把 services.gradle.org/distributions 可能需要半小时以上替换为 mirrors.cloud.tencent.com/gradle/ 这样下载速度明…

并查集 poj 2524,1611,1703,2236,2492,1988 练习集【蓝桥杯备赛】

目录 前言 并查集优势 Ubiquitous Religions poj 2524 问题描述 问题分析 代码 The Suspects poj 1611 问题描述 问题分析 代码 Wireless Network poj 2236 问题描述 问题分析 代码 分类 带权并查集合 权值树构建步骤 Find them, Catch them poj 1703 问题描述 问题分…

RPA真的是人工智能吗?

1. RPA与AI的定义与区别 1.1 RPA的定义与特点 机器人流程自动化(Robotic Process Automation,简称RPA)是一种软件技术,它通过模拟人类用户的操作行为来自动执行重复性、基于规则的任务。RPA的核心特点包括: 非侵入性…

Vue.js 前端框架入门

简介 Vue.js 是一个构建用户界面的渐进式JavaScript框架。本文将带你了解Vue项目的目录结构,启动顺序,并逐步指导你安装必要的环境,以及如何开发一个基础的Vue项目。 需要的环境 Node.js:Vue.js 项目依赖于Node.js,…

HarmonyOS知识点

HarmonyOS应用模型Stage&FA 、ArkTS、ArkUI Stage模型: Module - UIAbility - Page - component 装饰器Entry、Component、CustomDialog、State、关键字struct、函数build() 系统组件(Text Column Row Scroll)、自定义组件 、组件复用、…

CertiK安全调研报告:Web3.0桌面钱包的初步安全评估

桌面钱包在Web3.0生态系统中扮演着关键角色,它们为用户在去中心化网络中安全地管理数字资产提供了可靠的解决方案。Cointelegraph的报告[1]指出,据Bitfinex交易所的分析师观察显示,截至2023年12月1日,全球数字货币持有者的数量显著…