当我们网页需要在不同的浏览器窗口之间共享数据时，可能需要使用 WebSocket 或 WebRTC 等技术。但是，这些技术会过于复杂。而浏览器自带的 Broadcast Channel API 可以让我们轻松地在不同浏览器窗口之间共享数据，而无需使用复杂的技术。

在前端开发中，我们经常需要根据页面的可见性来控制资源的使用和提高页面的性能和响应速度。而 JavaScript 中的 Page Visibility API 就提供了一种检测页面是否可见的方法。

TypeScript 5.1 在 5.0 发布后不久就发布了测试版，但测试版不代表最终正式版。官方原文 Announcing TypeScript 5.1 Beta 中提供了完整的更新内容，以下是我梳理的 TypeScript 5.1 主要更新内容：改进了函数返回值类型 undefined 的类型推断Getter 和 Setter 现在支持设置不同的类型自动补全 JSDoc @param 标签的代码片...

TypeScript 是一种强类型的 JavaScript 超集，提供了很多优秀的工具和语言特性，可以帮助开发者提高代码质量和开发效率。在本文中，我们将介绍 10 个 TypeScript 最佳实践，帮助初级和中级的 Web 前端开发工程师更好地使用 TypeScript 开发高质量的代码。

随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。如果您刚开始使用 React，那建议这边文章你要好好看一下，如果您已经使用过 React 开发项目，也建议您能查缺补漏一下。阅读完本...

本文会和大家分享我的重构思路和后续优化的思考，为方便与大家分享，我用 Vue3 实现一个简单 demo，思路是一致的，有兴趣的朋友可以在我 Github 查看，本文会以这个 Vue 实现的 demo 为例介绍。

原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。总结开始，先看原文大纲：在开始介绍 WeakMap 之前，先复习一遍 JavaScript 中垃圾回收机制，这跟后面的 Weak...

本文首发在我的【个人博客】更多丰富的前端学习资料，可以查看我的 Github: 《Leo-JavaScript》，内容涵盖数据结构与算法、HTTP、Hybrid、面试题、React、Angular、TypeScript和Webpack等等。点个 Star 不迷路~