react+electron从环境搭建到项目整合全过程

Electron是什么​Electron 是一个由 GitHub 开发的开源库,通过将 Chromium) 和Node.js 组合并使用 HTML,CSS 和 JavaScript 进行构建 Mac,Windows,和 Linux 跨平台桌面应用程序。 原理:上面已将说了,Electron 通过将 Chromium 和 Node.js 组合到单个 runtime 中来实现的. ...

iOS小技能(开发规范): weak和strong修饰符的规范使用

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第36天,点击查看活动详情 引言 在oc 中,如果对象没有被强引用,会被立即释放。 __weak 表示弱引用 :Assigning retained object to weak variable; object will be released after assignment I weak &am...

Electron使用指南之初体验

Electron 介绍1、概览想必你已经听说了可以应用electron来构建令人惊叹的桌面应用程序! 单纯使用JavaScript API 就可以构建Mac, windows或者Linux应用程序。 长期以来,很多开发语言都保留了生成桌面应用程序的功能,比如C和Java,但是用这些语言来构建应用程序是非常困难的。 当然,近年来,构建本地应用程序变的更加灵活,但您仍然需要为每个操...

Electron 18-19 值得关注的变化

Electron 18Electron 18.0.0 blog Chromium 100、Node.js 16.13.2、V8 10.0 1. 删除了 webPreferences 中的 nativeWindowOpen 选项PR 移除了基于旧的 BrowserWindowProxy 的 window.open 实现。 同时也删除了 webPreferences 中的 nati...

用Vite+Electron搞个微信截图工具(区域截屏工具)

theme: qklhk-chocolate我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123… 介绍相信每个人都用过微信电脑端的截图工具吧,想没想过有什么办法能让electron也实现这样一个工具呢?本期就跟大家具体说说,我是如何来对系统屏幕进行获取和区域裁切,快捷键设置,以及最终打包成这样一个截屏工具软件的。 在做之前先康康最终展示效果吧:...

electron-vue 项目启动动态获取配置文件中的后端服务地址

前言   最近的项目迭代中新增一个需求,需要在electron-vue 项目打包之后,启动exe 可执行程序的时候,动态获取配置文件中的 baseUrl 作为服务端的地址。electron 可以使用 node 的 fs 模块来读取配置文件,但是在项目打包之后项目的静态资源都会被编译成其他文件,本文来记录下相关实现和知识点。 正文   1、根目录下创建配置文件 conf...

electron+vue从0到1实现一个桌面端日期时间倒计时软件实践(持续更新)

highlight: a11y-dark theme: channing-cyan我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123… 前言这个文章我也是边实践边写的,所以可能并不是特别的准确,大家仅供参考哈,文章主要描述electron的使用知识点,关于vue项目部分的介绍基本一笔带过,不会详细说,由于时间仓促(主要是征文快结束了),所以很...

除了Electron还能用什么?Tauri开发初探。

theme: fancy前言前端开发桌面端应用领域,Electron一直稳坐头把交易。Electron之外,新秀Tauri正在崛起。Tauri可能并不是Electron的终结者,但热门框架(近12月日均约70star)的背后一定有它独有的优势。下面我们就从实战角度去接近Tauri。 Tauri简介Tauri与Electron类似,都是前端的桌面端应用开发库,其官网slogan是...

用Vite+Electron搞个码上掘金(前端代码编辑工具)

theme: qklhk-chocolate我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123… 介绍掘金平台在4月份推出的新功能【码上掘金】备受瞩目,在里面你可以通过代码编制一些创意想法从而实时编译出来看到立即看到展示效果,可以说就是国内版的codepen。本期将用Vite和Electron带大家仿制【码上掘金】,来开发出一款跨平台的代码编辑...

只用一行命令!快速搭建一个完善的Electron项目

theme: github highlight: atom-one-dark我正在参加跨端技术专题征文活动,详情查看:juejin.cn/post/710123… 大家好,我是鸿雁。我们在 Electron 开发工作中,常常会遇到一些这样的问题: 如何搭建项目(官方示例无法满足开发需求)如何搭配现代前端框架(vue,react, ……)如何用TypeScript开发如何构建编...