前端技能

你是不是也有过这样的困惑： 打开一个老项目，或者在做 Code Review 时，发现代码里一会儿是 interface Props，一会儿又是 type State。问同事为什么要混用，他也支支吾吾

一、你的表单，是否正在失控？ 想象一个场景，你正在开发一个“企业贷款申请”或“保险理赔”系统。 最初，页面只有 5 个字段，你写得优雅从容。随着业务迭代，表单像吹气球一样膨胀到了 50 多个字段： “

在前后端联调、移动端真机测试、或是调试 Webhook 回调时，我们总会遇到同一个难题：如何让外网用户安全地访问我本地的端口（如 localhost:3000）？ 传统做法要么是部署到测试服务器（太慢

过去我们总说“设计与实现之间有鸿沟”。设计师在 Figma 中交付精美的 UI，前端开发却要手动把它们翻译成 HTML/CSS，费时又容易跑偏。 但今天，借助 Figma Dev Mode + VS

想象一下，你的网页正在处理一项耗时巨大的任务，比如分析一份庞大的数据报告，或者进行一场复杂的图形渲染。在这期间，你的页面可能会变得卡顿，按钮点不动，动画也停止了，仿佛整个世界都静止了。这是怎么回事？这

飞连是 由火山引擎提供的一款 网络 服务工具。 在大部分企业中用于VPN 网络服务和本地的wifi 认证一些服务。 当然，可能还有一些网络监控服务。 但是，当离职之后，发现卸载居然需要提供密码。 果然

浏览器扩展开发领域正在快速进化。本文将从 GitHub 人气、上手体验、云服务支持、MVVM 框架兼容性、工程化能力和社区生态六大维度，完整呈现三大框架的差异 , 并分析各自更适合的场景。 框架 Gi

音频增强的背景 在日常使用在线音视频服务（如： bilibili， 腾讯视频等）时，我们通常会注意到一个有趣的现象：设备的音量通常被限制在100%（或类似的最高级别），但市场上却存在大量的音频增强插件

crxjs 是一个专为现代浏览器插件开发打造的工具，它以 Vite 为基础，目标是让插件开发变得像普通前端项目一样简单。通过提供**快速构建**、**热重载**、**多浏览器兼容等特性**，它帮助开发

在当今的全球化浪潮中，国际化（i18n）已经成为软件开发中不可忽视的一环。 无论是一个面向全球用户的电商网站，还是一款复杂的企业级管理系统，支持多语言往往是提升用户体验的关键。 但是，提取文本、翻译内

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

随着项目规模的增长和模块化需求的增强，MonoRepo（单一代码库）的管理方式正在成为热门选择。本文将带领你了解 MonoRepo 的形成背景，探讨主流解决方案（如 pnpm workspaces、T

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

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

在 Electron 应用程序开发过程中，完善的日志记录机制不可或缺。它宛如应用程序运行状况的 “晴雨表”，能助力我们精准追踪错误、洞悉应用的实时状态以及开展性能剖析。本文将依托 electron-l

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

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

在进行大型的中后台业务系统（这里主要指 Vue SPA ）开发时，我们会经常花费大量的时间，去处理路由的配置这种纯体力劳动。 并且，我们在大型系统多人协作开发中，产生代码冲突的最多部分也是出

最近在使用 Electron 做一个手写字体生成图片的工具。 不可避免的，遇到了通过Electron 往本地存文件的问题。 在Electron 中，存取本地文件，有很多种办法。本文介绍最常用的一种办法

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