草庐IT

electron-vite

全部标签

javascript - 正确使用 Electron

我想进入Electron,并且我已经开始学习它,但是我认为我不太了解我应该如何使用它。根据我收集到的信息,借助Electron,我能够使用HTML、CSS和Javascript创建跨桌面应用程序(Chromium)并在后台执行任务(NodeJS)。让我感到困惑的是以下内容:我应该如何在我的服务器上使用它?例如,我构建了一个简单的NodeJS应用程序,它使用Passport和一些其他模块来创建登录/注册系统(使用MongoDB)。它具有用于登录和注册的HTML文件。我不确定如何在我的Electron应用程序中使用它,事实上,我不太了解如何实际使用Electron。我应该将所有登录/注册应

javascript - Electron 登录/注册等

我对制作Electron应用还很陌生。在StackOverflow(ProperlyUsingElectron)上问了一个问题后,我听从了我得到的建议,并在Electron中创建了一个桌面应用程序。我在NodeJS中创建了另一个应用程序来处理我的数据库方法。我不知道从哪里开始解决这个问题,因为网上有数百种选择,我不确定哪一个适合我的需要。我应该:有一个用Electron制作的客户端应用程序和一个用NodeJS制作的处理数据库的服务器或有客户端应用程序并从Electron连接到我的数据库吗?如果我要在客户端应用程序中全部,我认为这会导致严重的安全问题,所以我不确定该怎么做。这个问题就像创

Vite 的设计理念,本文就来详细看一下!

近日,在ViteConf2023上,Vite团队成员patak发表了题为《Vite'sPhilosophy》的演讲,分享了Vite的设计理念,本文就来详细看一下!精简可扩展的核心Vite并不打算为每个用户的每种用例提供支持。Vite旨在支持最常见的模式来构建开箱即用的Web应用程序,但Vite核心必须保持精简,API接口较小,以保持项目的长期可维护性。这个目标的实现得益于Vite基于rollup的插件系统。可以作为外部插件实现的功能一般不会添加到Vite核心中。vite-plugin-pwa是Vite核心可以实现的功能的一个很好的例子,并且还有很多维护良好的插件可以满足你的需求。Vite与Ro

Electron 小白介绍,你能看懂吗?

目录前言一、Electron是什么1.官网介绍2.小白介绍二、Electron开发了哪些应用三、Electron的优势在哪里1.优势2.带给我们什么优势四、Electron如何学习1.前置知识2.学习建议五、Electron的乐趣总结前言在最近的学习中,我接触了Electron这个前端框架,尽管学习进程断断续续,但我仍想分享一下我对它的了解。本文将带着真正小白的视角,向大家介绍Electron是什么、它的应用场景、学习方法以及为我们带来的好处。一、Electron是什么Electron是什么呢?它是一个框架,框架大家应该都明白的。框架就像是一套工具箱,里面有很多工具可以帮助程序员更快、更方便地

vue3+vite中使用import.meta.glob

前言:    在vue2的时候,我们一般引入多个js或者其他文件,一般使用 require.context来引入多个不同的文件,但是vite中是不支持require的,他推出了一个类似的功能,就是用import.meta.glob来引入多个,单个的文件。这里说说他们的对比和区别:vue2中使用 require来引入多个不同的js文件1、引入 modules下的所有的js文件constmodulesFiles=require.context('./modules',true,/\.js$/)2、循环,拿到每个js文件的名称和js返回的具体内容modulesFiles.keys().reduce(

vite的环境变量 import.meta.env

官网总是写的那么含蓄,默认我们不是萌新。https://cn.vitejs.dev/guide/env-and-mode.html#env-variables环境变量的运行环境环境变量其实有两种原型环境:浏览器、node。在浏览器环境里使用环境变量在.js、.ts、.vue里面使用环境变量,其实是在浏览器里运行,我们可以直接用console.log打印出来看看结构:console.log('import',import.meta)console.log('import.url',import.meta.env.BASE_URL)console.log('import.env.MODE',imp

vite+vue+ssg做官网 再记录一下项目创建

为什么选择插件vite-ssg+vite-plugin-pages创建官网?1.CSR、SSR、SSG和ISR适合高度动态的Web应用程序客户端渲染CSR.:典型代表:单页面应用,内容都是js动态渲染服务器端渲染SSR:在服务端获取数据组装页面,返回到浏览器是html,对服务器要求高,主要应用是交互多的页面需要seo的适合高度静态的web程序静态站点生成SSG:在build的的时候就已经生成好静态页面,放在服务端的也是静态页面,博客,静态官网都非常合适增量静态再生ISR:ISR是SSG的下一个改进,它定期构建和重新验证新页面,以便内容永远不会过时显而易见,做个官网ssg就非常合适,正好相关插件

Vite代理解决跨域问题

Vite代理解决跨域问题我们在编写前端项目的时候,经常会遇到跨域的问题,当我们访问后端API的URL路径时,只要域名、端口或访问协议(如HTTP和HTTPS)有一项不同,就会被浏览器认定为跨域。另外我们也会经常重复编写后端的域名,例如https://example.com/api/some_end_point,https://example.com/api/other_end_point,针对这两种情况,可以直接用同一个配置来解决,即代理配置。不管是Vite还是Webpack,这些打包工具都支持设置前端代理,它们能够把对某一段URL的访问直接转换成另一个真实的后端API地址,这样前后端就视为使

前端 vite+vue3——写一个随机抽奖组件

文章目录⭐前言⭐设计布局⭐交互设计⭐整体代码⭐insicode代码⭐总结⭐结束⭐前言大家好,我是yma16,本文分享关于前端vite+vue3——写一个抽奖随机组件。vue3系列相关文章:前端vue2、vue3去掉url路由“#”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示vue3Vue3是Vue.js框架的下一个主要版本。Vue3的目标是提高性能,增强可维护性和可扩展性,并提供更好的Type

vite3+vue3 项目打包优化实战之-视图分析(rollup-plugin-visualizer)、CDN引入、依赖分包、gzip压缩、history404问题

文章目录写在前面build视图分析依赖文件第三方库CDN引入依赖文件分包gzip压缩文件部署前配置history路由模式的404问题最后写在前面vue项目在线下环境开发完成后,我们就需要项目的打包上线了,除了要知道打包命令npmrunbuild之外,我们还要知道项目整体文件依赖情况,web访问加载速度等概念,包括首屏优化方案。我通过一次实战把最基本可以优化的步骤走一下。将分为以下几个步骤:build视图分析依赖文件第三方库CDN引入依赖文件分包gzip压缩文件部署前配置history路由模式的404问题build视图分析依赖文件分析项目中的文件大小及引用情况,是优化前的重要一步,从而去采取文件