​  一、前言         最近在学习 Umi 框架时，发现它的插件机制特别灵活。于是我尝试写一个最简单的 Umi 插件，比如在启动项目时输出一句提示语。         做完这个我们可以了解插件

总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！

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

面试官： 在平常的开发中，你是如何调试代码的？ 你的大脑哈哈大笑，console.log 呀，哈哈哈，面试的时候你敢这么说吗？这太low了吧。 脑海里展现出：上次看到一个同事，在vscode上打了断点

MutationObserver 的出现极大地拓宽了前端开发的思路和应用场景。它使开发者能够更好地捕捉和处理 DOM 的变化，实现更丰富、更高效的交互体验和页面操作。

作为一名前端开发者，你可能熟悉JSON.stringify()方法，通常用于调试。但是很多只是简单使用一下接下来，让我们深入了解其实用性。 考虑一个对象如果想把她转成字符串打印出来： 如果你想这样打印

使用过 vue 的小伙伴都知道，如果想在 vue 中实现全局路由守卫，只需要在 beforeEach 中写路由守卫逻辑即可。 但是如果使用 react 的话，应该怎么做呢？ 在 react 中，

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

本文将为你介绍窗口通信使用场景、应用、实现，利用 BroadcastChannel 实现不同标签页的窗口通信