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

在前三篇文章中，我们搞定了性能、行为和错误的采集。但很多掘友在评论区灵魂发问：**“数据是抓到了，发不出去有啥用？进电梯断网了咋办？页面关太快请求被掐了咋办？....

自己其实并没有真正理解“浅拷贝”和“深拷贝”的区别。 这篇文章，我想从自己的思考和实践出发，完整整理一下我对 JavaScript 深浅拷贝的理解和实现方式。

基础 console 方法 除了最常用的 console.log()，console 对象还提供了多种不同用途的方法： 这些方法在控制台中会以不同颜色和图标显示，帮助我们快速识别不同类型的消息。 美化

资深前端都在用的 9 个调试偏方 1. 技巧 1：计算属性名 不要这样写 ❌ ： 现在这样写 ✅ ： 使用 ES6 简写对象语法会将你的变量包装在一个对象中，这样你可以在控制台中立即看到变量名和它的值

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseu

开发中总绕远路？ES6 的 flatMap、Object.fromEntries、finally () 等特性，解决数组、对象、异步操作痛点，让代码更优雅，快收藏学起来！

这篇干货整理了12个超实用的JavaScript现代语法简写技巧，能帮你大幅减少代码量、提升开发效率和代码健壮性。告别冗长代码，从此写得更优雅，开发更高效！