electron优化页面显示逻辑（三）

最新推荐文章于 2024-07-27 18:04:03 发布
最新推荐文章于 2024-07-27 18:04:03 发布
阅读量461 收藏
点赞数
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44555878/article/details/106588392
版权

electron优化页面显示逻辑（三）

在确定功能组成后，将不同功能划分为了不同的页面。由于使用的UI是antd，于是就将页面做成了侧边导航栏的形式。

页面组成

但是在实际操作中发现当切换slider的时候，当前页面的计时器会清空。用户必须手动结束当前页面的计时后才能查看其他页面的信息。这样用户的体验感就不太好。

就打算把主计时窗口单独为一个window，其他页面做到另一个窗口，互不影响。通过系统托盘扩展菜单的形式以供用户选择不同的窗口。

系统托盘

这样即使用户查看更多信息，也不会影响主页面的进程。多个窗口

草莓味的屁
关注
专栏目录
Photon使用HTMLCSS和JS为Electron开发原生UI界面
08-10
Photon - 使用HTML，CSS和JS为Electron开发原生UI界面
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
在这个场景下，`electron-vue` 结合 `webpack` 可以帮助我们有效地管理这些多页面的入口文件。`electron-vue` 是一个预配置的 `Vue.js` 和 `Electron` 开发环境，它整合了 `vue-cli` 和 `webpack` 配置，使得在 ...
探索 Electron：构建用户友好的登录页面流程
最新发布
ztK63LrD的博客
07-27 1364
Electron是一个开源的桌面应用程序开发框架，它允许开发者使用Web技术（如 HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序，它的出现极大地简化了桌面应用程序的开发流程，让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序，这对于提升开发效率和应用程序的快速交付具有重要意义。
优化之页面卡顿
qq_40278396的博客
07-26 367
页面卡顿原因有：渲染组件过多，代码执行时间长。
XCel 项目总结 - Electron 与 Vue 的性能优化
weixin_34177064的博客
12-01 337
XCEL 是一个 Excel 数据清洗工具，其通过可视化的方式让用户轻松地对 Excel 数据进行筛选。 XCEL 基于 Electron 和 Vue 2.0 进行开发，充分利用 Electron 多进程任务处理等功能，使其拥有高性能、跨平台（windows 7+、Mac 和 Linux）的特性。 落地页：https://xcel.ao...
electron优化笔记
m0_45236510的博客
04-24 1914
electron优化笔记，启动缓慢优化
Electron 应用性能优化策略大全
与墨的编程成长历程
03-28 3225
Electron 以其跨平台、统一开发环境的优势吸引了众多开发者投身于桌面应用的构建之中。然而，由于 Electron 应用本质上是一个结合了 Node.js 和 Chromium 浏览器的应用程序，这也意味着在享受便捷的同时，我们也必须面对潜在的性能挑战，特别是资源消耗和内存管理等问题。本文将深度探讨一系列 Electron 应用性能优化策略。
用Electron写个带界面的nodejs爬虫的实现方法
10-17
根据具体需求，你可能需要实现登录验证、网页数据抓取和解析等逻辑。 4. 与Electron交互：通过Electron提供的API，例如`webContents`，可以在主进程和渲染进程中传递信息。例如，登录成功后，可以发送消息到主进程...
electron-vue利用webpack打包实现多页面的入口文件问题.docx
01-13
在开发 Electron 应用时，有时我们需要创建多个独立的页面，而不仅仅是单一的主页面。`electron-vue` 是一个基于 Vue.js 的 Electron 开发框架，它集成了 Vue.js 和 Electron 的开发环境。本文将详细介绍如何利用 `...
pure electron
06-02
5. **开发工具**：Electron 自带 DevTools，开发者可以像调试 Web 页面一样调试应用。此外，还可以利用 `electron-reload` 脚本实现热重载，提高开发效率。 6. **性能优化**：由于 Electron 应用同时运行 Chromium ...
electron-resource.zip electron学习资源
03-19
Electron是由GitHub开发的开源项目，它结合了Chromium的渲染引擎（用于处理Web页面）和Node.js的运行环境（允许在浏览器环境中运行服务器端JavaScript）。这样，开发者可以在同一个进程中同时处理前端和后端逻辑，极...
Electron中文API（html）
04-11
Electron中文API（html版），官方md文件打开方式太蛋疼，我把它给编译成html文件了
一个基于electronvue开发的美化JSON小工具
08-10
一个基于 electron-vue 开发的 美化 JSON 小工具
使用electron的菜单栏实现页面切换
浩然的博客
07-16 6701
如下图所示，我们想要实现这样的效果 在上图所示的这个示例项目中，他的页面切换是这样实现的： 通过mainWindow.webContents.send()函数实现了主进程到渲染进程的消息传递 主进程的代码如下 const sendMenuEvent = async (data) => { mainWindow.webContents.send('change-view', data) } const template = [ { label: app.name,
Electron学习之旅6，快捷键，shell模块，优雅显示窗口 -> 类封装，设置模块开发，七牛云对象存储 -> （上传下载）类封装+高阶函数，流（介绍概念使用），时间戳作用
qq_40196738的博客
12-05 448
1、Electron定义快捷键 1、先看下electron默认菜单项 github地址 注:darwin 是指MacOS平台 2、shell模块 shell 模块提供与桌面集成相关的功能。// main和renderer均可以使用 比如引入链接并打开浏览器 // 以下是MenuItem某菜单项 ...
Electron实战系列八：性能优化
wanmeijuhao的博客
01-03 1049
核心方案就是将运行时耗时、计算量大的功能交给新开的node进程去执行处理。
electron占用内存太高如何优化
weixin_42600128的博客
02-15 3897
如果您的电脑的内存使用率非常高，可能是由于运行的进程占用了太多的内存，其中一个进程可能是 Electron 应用程序。以下是一些优化 Electron 应用程序内存使用的建议： 减少渲染进程的内存使用：您可以通过减少渲染进程使用的内存量来减少 Electron 应用程序的总内存使用量。例如，您可以尽量避免在渲染进程中使用大量的图片和视频，尽可能使用浏览器的缓存来避免重复下载和加载这些资源。 使...
《Electron实战：入门、进阶与性能优化》目录汇总
小小博客
05-21 347
很早之前想学习的技术了，主要是可以用框架优化界面，嘿嘿(▽。
electron vue 打印页面显示内容
04-05
要在Electron Vue应用程序中打印页面上的内容，可以使用Electron的内置打印功能。以下是一些步骤： 1. 安装electron-print模块，可以使用npm或yarn： ``` npm install electron-print ``` 或者 ``` yarn ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值