技术选型： electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的API，允许使用 Web 前端技术开发跨平台的桌面客户端，这里使用打包工具webpack搭建electron的主进程和渲染进程的脚手架，渲染进程使用vue作为前端框架。示例项目地址：https://github.com/zhangxuelian/electron-vue-frame文章目录一、准备环
转载
2024-05-05 13:49:49
875阅读
electron的webView通信如何在Electron中使用webView打开网页并获取DOM元素Electron是一个基于Chromium和Node.js的开源框架，用于构建跨平台的桌面应用程序。其中，Electron的webView是用来嵌入网页的组件。在本文中，我们将介绍如何使用Electron的webView打开网页并获取DOM元素的值。步骤1：创建Electron应用首先，我们需要创
目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json文件和main.js文件第五步：加载vue项目第六步：运行electron命令，弹出应用框。前言最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使
转载
2024-07-24 09:49:52
337阅读
Electron 应用架构在我们深入了解Electron的API之前，我们需要探讨一下在Electron中可能遇到的两种进程类型。 它们是完全不同的，因此理解它们非常重要。主进程和渲染进程Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。由于 Elec
转载
2024-05-16 11:20:30
41阅读
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
176阅读
早期桌面应用的开发主要借助原生 C/C++ API 进行，由于需要反复经历编译过程，且无法分离界面 UI 与业务代码，开发调试极为不便。后期出现的 QT 和 WPF 在一定程度上解决了界面代码分离和跨平台的问题，却依然无法避免较长时间的编译过程。近几年伴随互联网行业的迅猛发展，尤其是 NodeJS、Chromium 这类基于 W3C 标准开源应用的不断涌现，原生代码与 Web 浏览器开发逐步走向融
转载
2023-09-20 15:45:00
286阅读
一.什么是前端在软件架构和程序设计领域，前端是软件系统中直接和用户交互的部分，而后端控制着软件的输出。将软件分为前端和后端是一种将软件不同功能的部分相互分离的抽象。大部分软件都概念性地分成了前端和后端，但大多数情况下，软件的后端经常是隐藏着而不被用户看到。但是，有些软件仅仅是另一个已经存在的软件的前端，就像一个图形用户界面 (GUI) 构建在字符界面之上。这些前端在Unix G
转载
2023-12-06 22:25:44
41阅读
一、前言前面的课程已经讲述了什么是Electron，Electron的基本原理，Electron的工程化，如，怎么和React结合，怎么打包，怎么更新。Electron的基本原理，如主进程、子进程，进程间通信，Electron的窗口实现，Electron的基础结构等。 那么，今天，我们主要看看Electron的主要能力，也就是Electron能做些什么，同时对之前的课程进行加强和补充。二、基本概念
转载
2024-01-28 15:58:16
841阅读
1.关于ElectronElectron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到前端培训同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。为了保持Electron的小巧 (文件体积) 和可持续性开发 (以防依赖库和API的泛滥) ，El
转载
2023-08-18 15:10:14
426阅读
在这篇文章中，我们将深入探讨“Electron架构”这一主题。随着桌面应用程序开发的复杂性不断增加，Electron成为一种极具吸引力的解决方案。Electron 允许开发者使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。本文将详细分析其背景、技术原理、架构解析、源码分析、案例分析和扩展讨论，以帮助我们更好地理解 Electron 的工作原理及其应用。
## 背景描述
Electron 原理Electron简介,一种桌面应用程序运行时Electron 是一个开放源代码的项目, 由Cheng Zhao AKA zcbenz开发，他现在是 Github 北京 Atom 编辑器开发 team 的一名工程师。Electron 把 Chromium 和 Node 合并到一个单独的运行时里面，很适合开发桌面 web 形式的应用程序，通过Node它提供了通常浏览器所不能提供的
转载
2023-07-11 12:02:59
468阅读
electron基础构建angular桌面应用目的什么是electron？具体的一个操作步骤流程生成用于安装的.exe文件 目的把web项目打包成.exe和其他安装包文件什么是electron？Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其
PhylabWeb——前端设计感想 简介
本文的内容是关于我参与的软件工程项目——“Phylab-Web物理实验中心网站”的前端设计个人总结，来自团队：软剑攻城队.整体展示效果如下图所示，建议使用较新版本的chrome/firefox内核浏览器浏览，（页面已采用响应式布局，可在移动设备上浏览）：首页 实验报告处理页面 注册页面 论坛主页面(基于wecente
转载
2024-05-24 20:13:41
27阅读
# 前端能写cs架构的前端软件吗？
在前端开发中，我们通常会使用MVC（Model-View-Controller）或者MVVM（Model-View-ViewModel）等架构来组织代码，这些架构主要用于管理前端与后端的交互。但是，有时候我们也会遇到需要在前端直接处理数据和逻辑的情况，这时候就需要考虑使用CS（Client-Side）架构来构建前端软件。
## 什么是CS架构？
CS架构是
原创
2024-07-01 06:22:30
59阅读
此篇博文介绍 我所认为的应用框架设计原理。应用框架是指为解决前端应用程序复杂性的一套解决方案。它的特征是分层。我不保证我的阐述是对的。不过，基础有对错，但从客观经验得出的理论没有对错，仅有适应范畴或优劣的区别，它们都能保证你达到目的地。 应用框架原理图解: MVC是java十几年来一统企业应用程序后台框架的杀手锏。所以将它作为前端应用框架的核心，不求一览众山小，但肯定可以‘高
转载
2023-07-15 06:57:44
89阅读
1.软件架构（当我们在网吧上网时，如果在路由器上安装一个截获工具，就可以获取所有信息，如果协议机密了无法解密的话获取了信息也无法破解）https协议是在http协议上添加安全套接字使其变得安全。总的来说C/S架构开发的成本高（Android，win，IOS等），安全性高；B/S架构开发的成本低，通用性高，维护起来更容易2.软件开发流程产品经理对整个项目进行需求分析（客户是谁，有什么样的需求，网页设
转载
2024-01-20 22:26:44
7阅读
# 软件系统前端架构解析
在现代软件开发中，前端架构是一个不可忽视的重要部分。一个良好的前端架构不仅能提高开发效率，还能确保应用的可维护性与可扩展性。本文将带您了解前端架构的基本概念，对其重要性进行阐述，并通过代码示例和图表进行详细说明。
## 1. 前端架构的基本概念
前端架构是指在构建前端应用时所采用的结构化方案。这包括文件组织、技术选型、模块化方案、状态管理等。合理的前端架构能够帮助团
1、electron基本介绍Electron 是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。 Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium 、Node.js 和
转载
2024-01-10 18:50:31
302阅读
本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题。官方文档 虽然比较全面，但是要想开发一个商用级别的桌面应用必须对整个 Electron API 有较深的了解，才能应对各种需求。1. 创建窗口通过BrowserWindow，来 创建 或者 管理 新的浏览器窗口，每个浏览器窗
.现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通
转载
2024-08-30 23:22:06
156阅读
