从Electron架构出发，深究Electron跨端原理|多图
前言Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序的框架，可构建出兼容Mac、Windows和Linux三个平台的应用程序。一个跨端框架的设计，有三个问题需要考虑，分别是UI渲染、原生API以及客户端构建方式。Electron是如何解决上述问题的呐？Electron的跨端原理并不难理解：它通过集成浏览器内核，使用前端的技术来实现不同平台下的渲染，并结合了Chromium、Node.js和用于调用系统本地功能的API三大板块。Chromium为Electron提供强大的UI渲染能力，由于Chromium本身跨平台，因此无需考虑代码的兼容性。最重要的是，可以使用前端三板斧进行Electron开发。Chromium并不具备原生GUI的操作能力，因此Electron内部集成Node.js，编写UI的同时也能够调用操作系统的底层API，例如path、fs、crypto等模块
electron为什么需要装sqlite
electron需要装sqlite：1、sqlite是有名的本地数据库，在很多系统中都有应用。也有nodejs的版本，一般配套和electron使用，sqlite3-npm默认的版本是nodejs版本，electron内可以直接使用，还有nodewebkit版本，这个版本是给nodewebkit类环境使用，例如nw框架使用。2、nodewebkit版本，这个版本是给nodewebkit类环境使用，例如nw框架使用。另外还有sqlcipher版本，就是加密的本地数据库版本。
electron自定义顶部导航栏（滚动条的问题）
先隐藏默认标题栏：然后直接在App.vue中编写顶部导航栏样式。使用scss定义样式如下：实现一个基础的顶部导航栏。然而，面临一个问题：当页面需要滚动时，滚动条会出现在最右侧，尝试多种解决方案均未成功。接着找到了一个有效方法：首先自定义导航栏样式，如代码所示。通过复制粘贴实现，当前界面为：为解决滚动条问题，为滚动条的（::-webkit-scrollbar-track）元素设置margin-top，使其高度与导航栏一致。同时，为整个滚动条最外层元素（::-webkit-scrollbar）设定与导航栏相同的颜色。最后，将（::-webkit-scrollbar-track）滚动轴背景颜色调整为与主页面一致，如白色。最终效果如上。
深入理解Electron（一）Electron架构介绍
深入理解Electron架构：一个基于Web的跨平台框架Electron，源自Atom Shell，是通过结合JavaScript、HTML和CSS构建跨平台桌面应用的框架。官网的解释是，它将Chromium的浏览器内核和Node.js的核心技术打包，使得开发者无需本地开发经验，即可在Windows、macOS和Linux上轻松创建应用。起初，为Atom编辑器设计的Electron，由曾参与node-webkit和NW.js项目的关键开发者创建，并在2014年正式更名。与其他框架，如Tauri和Webview2，利用不同策略集成Chromium和Node.js不同，Electron的目标是提供一个基于Web的开发环境，让开发者能够利用熟悉的Web技术开发原生应用，实现了跨平台开发。Qt，作为C++的桌面跨端开发典范，曾是这一领域的重要先驱，而随着互联网时代的变迁，Electron这类技术逐渐受到欢迎