在 B 端管理类系统中，企业经常面临大量文档附件的预览需求，例如合同、方案、报告等。一个好用的在线文档预览解决方案，能够大幅提升系统的用户体验和文档管理效率。这篇文章将为大家介绍一款基于 Vue 的文档预览工具——vue-office。

随着项目规模的增长和模块化需求的增强，MonoRepo（单一代码库）的管理方式正在成为热门选择。本文将带领你了解 MonoRepo 的形成背景，探讨主流解决方案（如 pnpm workspaces、TurboRepo、Nx 和 Rush），并通过对比分析这些工具的优劣与适用场景，最终帮助你选择最适合的工具。

还记得那些认为 “浏览器仅仅用于上网” 的日子吗？若把浏览器当作你的小助手，那么 Chrome 插件便是它的超能力套装。今日，我将用半小时，引领你步入 Chrome 插件的奇妙世界，从无到有开发自己的 “浏览器外挂”。

Electron 本地存储至关重要，能实现跨平台数据一致、离线访问、快速读写及保障数据安全。然而也有一些其自身的局限性。那么，有哪些本地数据存储方法呢？接下来我们将探讨几种常见的 Electron 本地数据存储方式，以更好地发挥其作用。

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

JavaScript 应用的 Dockerfile 可能千差万别——从两行代码到五十行不等。这种复杂性可能会让一些前端开发者望而却步，从而难以真正理解这个强大的工具。

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

Rush 和 Lerna 都是用于管理 JavaScript 和 TypeScript 中的 monorepo 项目的流行工具。虽然它们的目标有一些相似之处，但它们的方法和功能集有所不同。以下是 Rush 和 Lerna 的比较：

本文主要介绍，如何通过自动化脚本实现，基于文件系统的SPA 路由生成的方式。 方法主要有两种， 基于 Vite 插件的形式 和 基于 Node 脚本两种。

像Onchage 标准文档描述，显然 <input type=”hidden” /> 不符合这个标准。 本文主要讨论， input type = hidden 元素，当value 发生变更时，如何捕获值的变更。

在Electron 中，存取本地文件，有很多种办法。本文介绍最常用的一种办法。 通过 Electron 框架提供的能力，和 Node.js 的 fs 文件管理模块实现本地文件的存取。

Electron——使用 JavaScript 构建跨平台桌面应用程序的最流行的框架之一。许多流行的应用程序都在使用 Electron，例如 VS Code、Slack、Twitch 等等。

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

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

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

USB 2.0 和 USB 3.0 的最大传输速度存在差异，因此使用 USB 2.0 接口连接的磁盘，其读写速度通常会低于使用 USB 3.0 接口连接的磁盘。

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

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

当程序执行过程中保留不再需要的内存时（主要是一些 变量、 方法等），会阻止内存被释放并导致程序的内存使用量随着时间的推移而增长，称为内存泄漏。

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

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

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

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

在长时间使用 WSL 开发项目时， 打开任务管理器，会发现 VmmemWSL 这个进程占用了超多的内存， 并使得我们的电脑运行变慢，甚至会出现蓝屏关机。