前端技能

再见 Moment.js！浏览器原生支持的新一代时间库 Temporal 来了 只要你写过前端，就一定被“时间”折磨过：跨国业务里诡异的本地时差、一加一减就原形毕露的月份溢出、还有为了简单格式化不得不

尽管在前面的篇章中，我们一路披荆斩棘，搞定了坐标系、渲染层和基本交互，让演示工程初具雏形。但 Canvas 本质上只是一块没有记忆的像素面板。 要想从理论走向工程落地，实现支持持久化与多人协同的业务，

你以为你点中了一个圆，其实你只是点中了一堆毫无意义的像素点。在画布里，所谓的“选中”，不过是一场精密的数学与色彩幻术。

想要像 Figma 那样承载几十万个元素且依然“跟手”？你必须亲手撕掉浏览器的常规排版流，去接管那块纯粹的像素缓冲区。

一个你每天都在做的操作 打开 Figma，或者启动蓝湖（Lanhu）查看标注，又或是打开 Lovart 开始绘图。 双指捏合，画布缩小了。两指一推，画布滑到了左边。点一下那个蓝色的矩形，选中了。 你每

你是不是也有过这样的困惑： 打开一个老项目，或者在做 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