本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：

• 数学中的映射和 TS 中的映射类型的关系；
• TS 中映射类型的应用；
• TS 中映射类型修饰符的应用；

接下来会先从「数学中的映射」开始介绍。

本文使用到的 TypeScript 版本为 v4.6.2 。

如果你对 TypeScript 还不熟悉，可以看下面几篇资料：

学习时间：2020.06.06
学习章节： 《你不知道的 Blob》

原文对 Blob 的知识点介绍得非常完整清晰，本文通过四个问题来总结本文核心知识：

1. Blob 是什么？
2. Blob 怎么用？
3. Blob 有哪些使用场景？
4. Blob 与 ArrayBuffer 有何区别？

一、Blob 是什么？

Blob（Binary Large Object） 表示二进制类型的大对象，通常是影像、声音或多媒体文件。MySql/Oracle数据库中，就有一种Blob类型，专门存放二进制数据。在 JavaScript 中 Blob 对象表示一个不可变、原始数据的类文件对象，它不一定非得是大量数据，也可以表示一个小型文件的内容。
另外，JavaScript 中的 File 接口是基于 Blob，继承 Blob 的功能并将其扩展使其支持用户系统上的文件。

本项目源码地址：
https://github.com/pingan8787/Leo-JavaScript/blob/master/Cute- Gist/LearnSource/OvernightDemo/

随着 Nodejs 在前端涉及领域越来越广，也越来越成熟，相信很多朋友已经尝试或使用过 Nodejs 开发服务端项目了。
本文我将和大家一起回顾 Express，然后介绍一个超级外挂—— OvernightJS ，它强大的地方在于，它将为 Express 路由提供 TypeScript 装饰器支持，使得我们开发路由更加简单，代码复用性更好。
这里也希望帮助大家对 TypeScript 的装饰器有更深了解。

最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~
已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)全家桶开发，因此主要分几个方面总结：

• Vue3
• Vite
• VueRouter
• Pinia
• ElementPlus

更多文章，欢迎关注我的主页。

一、Vue3

1. Vue2.x 和 Vue3.x 生命周期方法的变化

在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。

本文将从以下几个方面全面介绍 tsconfig.json 文件：

水平有限，欢迎各位大佬指点~~

一、tsconfig.json 简介

1. 什么是 tsconfig.json

作为一位 Web 前端工程师，JavaScript 中的 try...catch 是我们常用的特性之一。

try...catch 可以 捕获代码中的异常并防止应用程序崩溃 。但是 try...catch 不仅仅是简单地捕获异常。本文我将分享 10 个有用的 try...catch 使用技巧，让你在处理异常时更加得心应手。

1. 捕获所有异常

如果你想捕获代码中所有可能的异常，可以使用一个不带参数的 catch 代码块。例如：

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

1. 始终开启严格模式

在 TypeScript 中，严格模式可以提供更严格的类型检查和错误检测，帮助开发者在开发过程中发现潜在的错误和类型问题。

// 在 tsconfig.json 中开启严格模式
{
  "compilerOptions": {
    "strict": true
  }
}

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

本文将介绍 Page Visibility API 的概念、使用方法、兼容性和实际应用案例。

🍰什么是 Page Visibility API？

Page Visibility API 是一种浏览器 API，它提供了一种 检测页面是否可见 的方法。通过 Page Visibility API，我们可以知道 当前页面是否被隐藏或者最小化 ，从而可以根据页面的可见性来控制页面的行为和资源的使用。

Vue3 为开发者提供 ref 和 reactive 两个 API 来实现响应式数据，这也是我们使用 Vue3 开发项目中经常用到的两个 API。

本文从入门角度和大家介绍这两个 API，如果有错误，欢迎一起讨论学习~

本文演示代码是基于 Vue3 setup 语法。

在入门阶段，我们需要掌握的是「是什么」、「怎么用」、「有什么注意」，基本就差不多了。

1. reactive API 如何使用？

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

本文将介绍 Broadcast Channel API 的基本和高级使用方法，并提供示例代码来帮助读者更好地理解和使用该 API。

🏝 什么是 Broadcast Channel API？

Broadcast Channel API 是一个浏览器 Web API，它允许我们创建一个 能够将数据广播给多个文档或浏览器窗口的通道 。通过该通道实现不同浏览器窗口之间的数据共享。我们可以向该频道发送消息，其他窗口则可以监听该频道以接收消息。