Mr.Lee0821-CSDN博客

原创 Electron怎么动态修改视框大小

其中，screen 模块可获取屏幕大小；setBounds是可以调整窗口大小和弹窗位置，也可采用setSize，但setSize只能改变窗口大小不能改变弹出位置。1.采用单独的@electron/remote模块进行替代。大致流程是在主进程初始化，渲染进程进行使用。大概意思就是，任何其他方法都比这个好。这是因为在渲染进程直接控制主进程是不安全的。正确的做法是采用ipc进行通信。大多数方法是采用electron的remote模块，但是remote模块早在electron14版本就已经废除。

2024-07-11 10:23:54 328

原创 “:root”样式中，引用scss文件中定义的变量不生效

scss可以在文件中定义css变量，采用“$变量名”表示。最终 color：red;

2024-07-11 09:50:15 296

原创 Electron-vite引入vue-router控制台报错require is not defined

但为什么添加了vue-router它就报错呢，其实是因为路由里面加载了这个页面，而且默认页面就是这个，所以看起来就像是添加了vue-router才导致的报错，其实不然！2.path-browserify这种方案，应该是要在代码中进行修改，这个本人就没去实验了，因为控制台报错点击进去是electron源代码报错。根据第2点，仔细思考了一番，是不是在渲染的代码里面使用了electron相关的包；Electron-vite引入vue-router后，启动报错警告，如图。把相关代码注释掉，问题就解决了。

2024-07-10 10:11:32 376

原创 Electron-vite打包安装程序后，resource下的资源找不到

由于本项目需要调用 dll 动态链接库等资源，在本地测试使用相对路径没问题，打包成 exe 时，加载不到 dll 文件。查看electron-vite文档，修改后，开发测试正常，打包测试正常。由于打包后，资源都放在了你的。

2024-06-29 17:49:07 247

原创 Electron-vite踩坑日记【六】

使用Powershell管理员重新执行（后面vscode终端执行打包就不会报错），再次报错：electron-builder\Cache\nsis\nsis-3.0.4.1\Bin\makensis.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE。由于本人用的是mac pd虚拟机win11，猜测可能是操作系统的某些原因。所以换成真正的win11电脑进行打包。使用electron builder打包报错。

2024-06-29 16:52:57 296

原创 Electron-vite使用koffi，调用dll方法传参

经典语法：const add = lib.func('add', 'int', ['int', 'int']);// 格式为：方法名、返回值类型、[参数类型]类c：const add = lib.func('int add(int num1,int num2)');//格式为：直接将c语言方法，填入即可。dll 方法为 int add(int num1,int num2)js中可以使用数组，或者buffer（推荐）通过上述方法的定义，js中就能直接调用。koffi文档中的函数调用。

2024-06-29 16:40:16 417

原创 Electron-vite使用koffi调用dll中文乱码处理

修改后，electron-log控制台打印出乱码（暂不影响，先不处理；大概原因应该是node控制台默认使用u8，要设置gbk需自行百度），但log文件里已显示正常，程序中的处理也已经显示正常。具体怎么给 dll 传参可参考《Electron-vite使用koffi，调用dll方法传参》使用koffi调用dll方法时，变量采用的是字符串指针，dll给这个字符串指针赋值时，node里面中文乱码。是一个基于 JavaScript 的库,能够将字符串或缓冲区中的字符编码从一种格式转换为另一种格式。

2024-06-29 10:11:33 259

原创 Blocked a frame with origin “XXX“ from accessing a cross-origin frame.

父子通讯采用 addEventListener 与 postMessage。由于无法获取父页面属性，所有只能指明源地址为*这个是因为违反csp规定，具体介绍查看。

2024-06-24 15:19:44 291

原创 Electron-vite踩坑日记【七】

vue-tsc@1.8.27_typescript@5.5.2打包报错【坑，typescript升级到5.5.2】无奈只能，固定 typescript 版本。

2024-06-22 17:56:53 150

原创 typescript-eslint 相关知识【1】

1. 使用 let 变量后，变量未被使用报错。2.ts中类型使用any，eslint报错。4. es中使用cjs语法报错。3.定义变量后，变量未被使用。

2024-06-22 16:03:21 280

原创 win操作日记【1】

pnpm : 无法加载文件 C:\Program Files (x86)\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。在win11新系统中运行相应脚本 pnpm install 时，报错。

2024-06-21 10:44:23 245

原创 Electron-vite打包踩坑日记【1】

使用管理员运行此命令。

2024-06-20 15:52:02 126

原创 mac日常操作【2】

4.按 ctrl+o保存，再次按enter后，再按ctrl+x退出。以上仅供本人学习使用，请支持正版软件。1. 关闭PD，退出window。

2024-06-20 11:55:29 298

原创 mac日常操作【1】

在Applications下的路径，可直接拖入终端，显示路径。回车后，输入用户密码就行。

2024-06-20 10:03:49 392

原创 js里面?. 、?? 、??= 运算符的作用（ES2020）

在JavaScript中，???和??是三个不同的运算符，各自有不同的用途和用法。

2024-06-06 11:44:57 728

原创 npm、yarn、pnpm哪个更好，怎么选择？

特性npmYarnpnpm安装速度中等快快磁盘空间较大较大小默认工具是否否锁定文件yarn.lock确定性中等高高社区和支持最大大较大综上所述，个人推荐还是使用 pnpm，pnpm不仅速度快，占用空间小，而且对npm也有一定的兼容性。

2024-06-04 20:26:07 370

原创记一次奇怪的 “aria role” 错误，ARIA roles used must conform to valid values: Role must be one of the valid AR

思考后，觉得可能是编译后产生的，果然在编译运行后找出了role，这就说明要不就是 ui 组件里的，要不就是某插件里的，经过一段追踪在 nprogress.js 找到如下图源码，报错问题就是来自与它。找到原因，解决就很容易了，在 github 中找到源码后，在 issues 里搜索看是否有类似问题。翻译了一下，大致意思就是说 role 的取值不是一个有效的参数值；所以接下来就去代码中找到这个 role 属性，但是项目里搜了半天也没找到。再看一下，html中的节点，role属性已经是一个有效的参数值。

2024-06-04 17:50:34 424

原创如何利用JWT实现SSO？

JWT ：全称 JSON Web Token，是一种安全的令牌格式。一般由三部分组成：头部（Header）、载荷（Payload）和签名（Signature）。JWT 常用于认证和信息交换场景中，特别是在分布式系统中实现身份验证和授权。SSO：全称（Single Sign-On，单点登录），是一种认证方式，使用户在多个相关但独立的系统中，只需一次登录即可访问所有系统。SSO 在简化用户体验和提高安全性方面具有重要意义，广泛应用于企业内部系统、云应用等场景。系统中转页-采用iframe嵌套系统页面。

2024-06-03 17:53:57 349

weixin_42097259的博客