自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(384)
  • 收藏
  • 关注

原创 electron 设置最小窗口缩放

主进程是 Electron 应用的核心部分,负责管理窗口等重要操作。在主进程文件(通常是`main.js`)中,当创建窗口时,可以直接指定窗口的最小尺寸。

2024-11-04 09:10:37 578

原创 mac 打开访达快捷键

在当前桌面或应用程序窗口中,按下“Command + N”组合键可以快速打开一个新的访达窗口。这就像在 Windows 系统中通过“Ctrl + N”打开新的资源管理器窗口一样。

2024-11-04 09:09:03 613

原创 mac 安装 nodemon

在 Mac 上安装 `nodemon` 有两种主要方法。

2024-11-03 21:42:45 376

原创 mac 系统下载 vscode

打开浏览器,输入 VSCode 官方网站地址 https://code.visualstudio.com/。

2024-11-03 21:40:24 453

原创 ts 中使用 enum 枚举得值作为类型

【代码】ts 中使用 enum 枚举得值作为类型。

2024-11-02 14:55:18 96

原创 css 禁止用户选中元素

可以直接应用于特定的元素,阻止用户选中该元素的文本内容。然后在 HTML 中,将这个类应用到需要禁止选中的元素上。

2024-11-02 14:54:32 471

原创 区分 electron 全屏和最大化

在 Electron 中,当窗口处于全屏状态时,通常不能直接使用 JavaScript 来改变窗口大小。这是出于安全和用户体验的考虑,以防止意外的窗口大小变化影响全屏体验。

2024-11-01 09:24:28 515

原创 localstorage 和 sessionStorage 区别

和都是在浏览器端用于存储数据的机制。

2024-11-01 09:23:24 704

原创 tailwind 常用类名总结

将元素设置为弹性容器,使其子元素可以根据容器的空间进行弹性布局。

2024-10-31 10:20:50 1732

原创 xterm.js 清除多余空白行

xterm 终端多余空行的出现,大多数原因是数据源结尾有 `\n` 导致的。

2024-10-31 08:56:03 464

原创 xterm.js 库作用

xterm.js` 是一个用于在网页上模拟终端的强大 JavaScript 库。

2024-10-30 00:10:19 494

原创 日期格式 YYYY-MM-DD HH:mm:ss,SSS 代表什么意思

2024-10-17 15:30:45,123”表示 2024 年 10 月 17 日 15 时 30 分 45 秒 123 毫秒。表示两位数字的小时,采用 24 小时制,范围是 00 至 23。SSS 表示三位数字的毫秒数,范围是 000 至 999。表示两位数字的日期,范围是 01 至 31。表示两位数字的分钟,范围是 00 至 59。表示两位数字的秒数,范围是 00 至 59。表示两位数字的月份,范围是 01 至 12。表示四位数字的年份,例如 2024。

2024-10-30 00:05:14 566

原创 ts 中 enum 作为对象的 key

一、定义枚举1. 首先定义一个枚举类型enum Color { Red, Green, Blue,}二、使用枚举作为对象的键1. 创建一个以枚举为键的对象const colorMap: { [key in Color]: string } = { [Color.Red]: "红色", [Color.Green]: "绿色", [Color.Blue]: "蓝色",};2. 访问对象中的值console.log(colorMap[C

2024-10-29 00:03:58 334

原创 vue3 中 props 使用 ts 类型定义复杂类型

首先定义一个接口来表示复杂对象的结构。在 `props` 定义中,对于 `user` 属性,,该函数返回一个符合 `User` 接口的对象,并设置 `required` 为 `true`。

2024-10-29 00:02:14 365

原创 vue3 中 defineExpose 作用

在 Vue 3 中,是一个在`<script setup>`语法中使用的函数,它的主要作用是,以便在父组件中可以通过`ref`获取并访问这些属性和方法。

2024-10-28 09:25:00 892

原创 document 的 TS 类型

在 TypeScript 中,`document` 的类型是 `Document`。接口代表整个 HTML 或 XML 文档。它提供了访问和操作文档内容的方法和属性。

2024-10-28 09:22:18 245

原创 dayjs 库作用

Day.js 是一个功能强大、简洁易用、高效轻量的时间日期处理库,适用于各种 JavaScript 项目,特别是在前端开发中,可以帮助开发者轻松处理时间日期相关的任务,提高开发效率。

2024-10-27 17:16:44 482

原创 lodash 库作用

Lodash 提供了许多实用的函数,用于处理数组、对象和函数,使 JavaScript 开发更加高效和简洁。它在前端开发、Node.js 应用程序和其他 JavaScript 项目中广泛使用。

2024-10-27 00:28:30 571

原创 unplugin-auto-import 库作用

unplugin-auto-import` 通过自动导入模块和提供类型提示等功能,大大提高了前端开发的效率和代码质量,减少了重复性的手动导入操作,使开发过程更加流畅和便捷。

2024-10-26 00:23:10 322

原创 electron 监听窗口高端变化

script>console.log(`窗口高度变为:${height}`);});</script>

2024-10-26 00:20:21 466

原创 ES、BOM 和 DOM

JS 是由 ES、BOM、DOM 组成。

2024-10-25 00:19:46 1080

原创 前端大文件上传

大文件上传可能会有浏览器限制,网络稳定等问题影响用户体验,可以通过切片上传解决。

2024-10-25 00:14:34 1241

原创 path.resolve() 的作用

path.resolve()`是一个非常有用的方法,用于处理文件路径,构建绝对路径,处理特殊路径片段,并提供跨平台的兼容性,使代码在不同的环境中更加可靠和可维护。

2024-10-24 11:39:03 490

原创 vite.config.js 中的 resolve 属性有什么用

通过来设置模块路径别名。例如:设置一个别名来代表项目的根目录下的文件夹。

2024-10-24 11:37:02 405

原创 tsconfig.json 和 tsconfig.node.json 和 tsconfig.app.json 区别

tsconfig.json 是通用配置文件,并且是 TS 项目的主要配置文件,用于定义项目的编译选项、文件包含规则、模块解析策略等。它适用于整个项目的编译过程。包含了 TypeScript 编译器的各种选项,如目标 JavaScript 版本、模块系统、严格类型检查等。用于指定哪些文件应该被包含或排除在编译过程中。可以继承其他配置文件的选项,以实现配置的复用。

2024-10-23 11:24:53 685

原创 .d.ts 后缀文件的作用

自定义的 JS 模块,要想使用 TS 类型检查,可以为其创建 `.d.ts` 文件。例如:自定义的 `myModule.js`,可以创建 `myModule.d.ts` 文件来定义其类型。

2024-10-23 11:20:50 491

原创 js-cookie 库的作用

用于在浏览器中处理 cookies。

2024-10-22 00:15:16 389

原创 electron 中 app 的 getName、setName 方法

在 Electron 中,`app.getName()` 方法用于获取应用的名称。`app.getName()` 用于设置应用名称。

2024-10-22 00:09:37 504

原创 process.exit 作用

用于立即退出当前 Node.js 进程。

2024-10-21 00:05:24 531

原创 process.platform 作用

可以获取当前运行 Node.js 进程的操作系统平台的信息。

2024-10-21 00:03:45 365

原创 path.join 有什么用

用于路径拼接。在它眼里只有两种 '../' 和 './','/', ''

2024-10-20 00:36:51 236

原创 `__dirname` 和 process.cwd() 什么作用

表示全局变量所在文件的绝对路径,不管执行脚本所在路径。例:你有一个项目 demo,`__dirname` 变量在 demo/src/main.js 里。不管命令在哪个文件运行。

2024-10-20 00:35:46 239

原创 concurrently 库作用

库是一个非常实用的工具,主要用于同时运行多个命令。

2024-10-19 00:37:55 400

原创 ts 中 Omit 作用

在定义函数的参数类型时,可以使用`Omit`来排除一些不相关的属性,使参数类型更加简洁和明确。// 更新人员信息,不包括性别属性。

2024-10-19 00:36:00 359

原创 ts 中 namespace 作用

命名空间允许你将相关的代码分组在一起,使代码结构更加清晰和易于理解。

2024-10-18 00:04:10 295

原创 ts 中 type 和 interface 的区别

使用关键字来定义接口。通常用于描述对象的形状,即对象的属性和方法。可以多次定义同一个接口,它们会自动合并。// 等效于。

2024-10-18 00:02:43 443

原创 vue3 中 ts canvas 节点中 getContext 类型声明

【代码】vue3 中 ts canvas 节点中 getContext 类型声明。

2024-10-17 00:01:54 150

原创 ts 类型声明接口或 null

可以使用联合类型来实现这个目的。

2024-10-17 00:00:56 151

原创 vue3 中得 ref 使用 ts 类型声明

【代码】vue3 中得 ref 使用 ts 类型声明。

2024-10-16 00:11:01 214

原创 electron 操作 cookie

在 Electron 中操作 Cookie 可以使用`electron`模块提供的`session`对象来实现。

2024-10-16 00:08:44 499

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除