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

引言：我的大屏适配“翻车”现场 领导拍板，1天内完成官网所有界面的响应式适配，我想了下，这还不简单？postcss-px-to-viewport 安排上，vw 单位一把梭！直到测试同事幽幽地说了句：‘

大多数前端开发者在公司里，很少需要直接操心“部署”这件事——那通常是运维或 DevOps 的工作。 但一旦回到个人项目，情况就完全不一样了。写个小博客、搭个文档站，或者搞个 demo 想给朋友看，部署

本文介绍了前端开发中常用的高效 Chrome 插件，并通过一个 Todo 扩展示例，手把手讲解了扩展的开发流程，最后简要介绍了新一代扩展开发框架 WXT，适合想入门或进阶的开发者阅读。

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

最近开发项目比较多, 有最新的技术 vite7+react9, 也有很老的技术webpack3+vite2, 这个老项目需要用node12, 我新项目用的node24, 都会想着用nvm做版本管理,

本文记录Vue项目打包优化：优化静态资源、用 splitChunks 分包及路由懒加载等，使主包和 app.js 体积分别缩减 21.2% 和 45.7%，总体减 26.7%，提升首屏加载速度。

WebSocket DevTools，专业WS调试插件，提供监控、拦截、模拟、收藏等核心功能，内置JSON编辑器支持嵌套解析等，目前全网无代餐～

这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。