「零基础到实战」:如何在 Electron 中实现本地化日志系统

10 月 30 日
阅读 4 分钟
57
在 Electron 应用程序开发过程中,完善的日志记录机制不可或缺。它宛如应用程序运行状况的 “晴雨表”,能助力我们精准追踪错误、洞悉应用的实时状态以及开展性能剖析。本文将依托 electron-log 详细阐述 Electron 中本地日志文件的存储、大小把控、日志分级以及渲染进程的 webview 如何向本地文件写入数据等关键内容。
封面图

前端自动化部署秘技:玩转 Dockerfile

10 月 9 日
阅读 3 分钟
215
JavaScript 应用的 Dockerfile 可能千差万别——从两行代码到五十行不等。这种复杂性可能会让一些前端开发者望而却步,从而难以真正理解这个强大的工具。
封面图

解锁开发新姿势:自定义CLI脚手架实战教程

7 月 15 日
阅读 3 分钟
182
开始一个新的软件项目可能是一个耗时且重复的过程。开发人员通常需要创建项目结构并包含各种配置文件和依赖项才能使项目运行。这些需求通常称为样板代码,可以跨项目重用。虽然许多框架提供 CLI 命令来简化启动项目的过程,但它们可能无法涵盖所有用例。
封面图

Rush vs Lerna:哪种多包管理工具更适合你的项目?

6 月 3 日
阅读 1 分钟
520
Rush 和 Lerna 都是用于管理 JavaScript 和 TypeScript 中的 monorepo 项目的流行工具。虽然它们的目标有一些相似之处,但它们的方法和功能集有所不同。以下是 Rush 和 Lerna 的比较:

Vue 自动生成前端路由的终极指南

6 月 3 日
阅读 3 分钟
1.1k
本文主要介绍,如何通过自动化脚本实现,基于文件系统的SPA 路由生成的方式。 方法主要有两种, 基于 Vite 插件的形式 和 基于 Node 脚本两种。
封面图

如何捕获input hidden的 value变更

4 月 9 日
阅读 2 分钟
308
像Onchage 标准文档描述,显然 <input type=”hidden” /> 不符合这个标准。 本文主要讨论, input type = hidden 元素,当value 发生变更时,如何捕获值的变更。

如何在 Electron 中存取本地文件

2023-11-24
阅读 4 分钟
2.1k
在Electron 中,存取本地文件,有很多种办法。本文介绍最常用的一种办法。 通过 Electron 框架提供的能力,和 Node.js 的 fs 文件管理模块实现本地文件的存取。
封面图

使用 Vite & Vue3 和 Electron 构建桌面应用程序

2023-11-09
阅读 3 分钟
6k
Electron——使用 JavaScript 构建跨平台桌面应用程序的最流行的框架之一。许多流行的应用程序都在使用 Electron,例如 VS Code、Slack、Twitch 等等。

一些能节省代码行数的 JS 技巧

2023-10-31
阅读 2 分钟
278
分享一些,我日常经常用来,提升效率 和 代码质量的, 一些小技巧。 通过本文,您可以了解如何通过清晰的解释、代码示例和图像编写更简洁、高效和可读的代码。变量声明和赋值日常,变量声明 和 赋值都是多行进行。 其实,我们可以将多个变量声明 和 赋值简写为一行 代码。 {代码...} 交换变量值我们在日常开发中,经常会...
封面图

Vue Tips 如何用 URL 存储业务状态

2023-10-25
阅读 1 分钟
357
通常情况下,我们会通过 Vue 提供的 ref() , reactive() 甚至是 computed 来存储状态。 但,其实还有另一种不太容易的方法来存储状态,那就是通过 URL 的 查询参数. 那么本文就通过一些 示例代码,来讲清楚如何通过 URL 来实现在Vue 种存储状态。Code要在 Vue 应用程序中使用查询参数,最简单的方法是使用 Vue Router 的...
封面图

Electron 采集桌面共享和系统音频

2023-10-17
阅读 2 分钟
705
在使用 Electron 开发音视频项目的时候,我们不可避免会 遇到桌面共享这种场景。webRTC 提供了, getUserMedia 方法用于采集 用户媒体数据。比如摄像头,麦克风。设置主进程信息我们需要先在Electron 中,先创建窗体并载入入口 index 文件。 代码如下: {代码...} 使用 desktopCapturer 模块desktopCapturer 模块是Elect...
封面图

Windows 下快速检测U盘读写速度

2023-10-08
阅读 1 分钟
2.9k
USB 2.0 和 USB 3.0 的最大传输速度存在差异,因此使用 USB 2.0 接口连接的磁盘,其读写速度通常会低于使用 USB 3.0 接口连接的磁盘。

写给前端工程师的 CI/CD 知识

2023-09-26
阅读 2 分钟
848
CI / CD 是持续集成 (Continuous Integration) 和持续部署 (Continuous Delivery) 的缩写。CI / CD 是一种软件开发实践,通过自动化的方式将代码集成到一个共享的代码库中,并将其部署到生产环境。CI / CD 可以帮助软件开发团队提高开发效率、降低错误率、缩短发布周期。

八种快速提升Web应用性能的办法

2023-09-19
阅读 3 分钟
653
web应用打开速度决定了用户对企业的第一印象。 更高的性能会帮助企业带来高回访率, 转化率,参与度等各方面的好处。 通过减少网页加载时间,能提升企业形象和用户更好的使用体验。
封面图

Vue.js中如何去定位解决内存泄漏?

2023-09-10
阅读 6 分钟
2.4k
当程序执行过程中保留不再需要的内存时(主要是一些 变量、 方法等),会阻止内存被释放并导致程序的内存使用量随着时间的推移而增长,称为内存泄漏。
封面图

Vue 如何去组织大型 SPA 应用架构

2023-08-31
阅读 3 分钟
897
大型应用程序最关键和最具挑战性的方面之一是良好且合理的文件结构。在考虑使用微前端将代码库分解为多个应用程序之前,可以遵循一些步骤来改进项目级别的架构,并使转换更容易(如果您考虑过这条路径)。
封面图

为什么在Vue3中有了Reactive还需要Ref ?

2023-08-28
阅读 3 分钟
684
在Vue 中使用选项式API ,去声明响应式对象是很简单的。我们只需要将需要响应式的变量属性放进 data 函数中,并return 出来。 Vue 框架会帮我们把数据变为响应式,并在模板中可用。 如下面所示。
封面图

2023必会的 Vue3 & Pinia 单元测试知识

2023-08-09
阅读 5 分钟
797
Pinia 是 Vue 3 领域无可争议的状态管理冠军。它提供了更强大和可扩展的架构,并具有遵循组合 API 语法的优雅代码风格。入门很简单,特别是如果您是Vue2 + Vuex 开发者,但单元测试中的一些细微差异可能会让您措手不及。让我们探索一些可能在未来节省您时间的现实生活场景。为 Pinia Store 增加单元测试在我们深入进行组...
封面图

WSL2 下 Flutter 开发环境搭建

2023-08-03
阅读 3 分钟
1.5k
整体开发环境迁移到 windows + wsl2 几个月时间,没有感觉有什么不适应的感觉。 直到最近,要做一个flutter 项目。才遇到一些阻碍。本文,主要介绍如何在 wsl2 下搭建flutter 开发环境。环境介绍网上有很多这方面的介绍类文章,我在这只是简单介绍一下,我个人的电脑软件环境。windows 11 ProfessionalWSL 2 (Ubuntu 20....
封面图

WSL2 中如何限制内存占用

2023-03-07
阅读 2 分钟
6.7k
在长时间使用 WSL 开发项目时, 打开任务管理器,会发现 VmmemWSL 这个进程占用了超多的内存, 并使得我们的电脑运行变慢,甚至会出现蓝屏关机。