阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已达 8.9W+🔥🔥🔥。

响应式对使用过 Vue 或 RxJS 的小伙伴来说，应该都不会陌生。响应式也是 Vue 的核心功能特性之一，因此如果要想掌握 Vue，我们就必须深刻理解响应式。接下来阿宝哥将从观察者模式说起，然后结合 observer-util 这个库，带大家一起深入学习响应式的原理。

2021 年已经来了，相信有一些小伙伴已经开始立 2021 年的 flag 了。在 2020 年有一些小伙伴，私下问阿宝哥有没有前端的学习资料。为了统一回答这个问题，阿宝哥精心挑选了 Github 上 10 个不错的开源项目。

在写了 这个 29.7 K 的剪贴板 JS 库有点东西！ 这篇文章之后，收到了小伙伴提的两个问题：1.clipboard.js 这个库除了复制文字之外，能复制图像么？2.clipboard.js 这个库依赖的 document.execCommand API 已被废弃了，以后应该怎么办？（图片来源：[链接]）接下来，本文将围绕上述两个问题展开，不过在看第一个问题之前...

2020 年即将结束了，不知不觉 源码分析 专题已经写了 9 篇文章，往期的 8 篇文章介绍了 Axios、BetterScroll、koa-compose 和 FileSaver.js 等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力。不过值得欣慰的是，专题中的多篇文章受到了社区小伙伴和公众号粉丝的认可与鼓励，这让阿宝哥有继续写该专题的动...

相信大家对 Math.random 函数都不会陌生，调用该函数后会返回一个伪随机数，对应的取值范围是 [0, 1)。在日常工作中，应用的比较多的场景是生成 UUID，比如：

FileSaver.js 是在客户端保存文件的解决方案，非常适合在客户端上生成文件的 Web 应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在 6.3 万的项目中。在近期的项目中，阿宝哥再一次使用到了它，所以就想写篇文章来聊一聊这个优秀的开源项目。

本文由突破自己、写作心得、写作技巧和写作辅助工具四部分组成，每个部分都有不同的侧重点。希望阅读完本文之后，能对大家能所有启发或帮助。好的，废话不多说，我们马上进入正题。

俗话说得好，工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目，利用这些开源项目，你将能能轻松应对以下十个工作场景：文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5 页面设计器、文档管理和 API 管理。

在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信：然而除了 HTTP 协议之外，在一些对数据实时性要求较高的场景下，我们会使用 WebSocket 协议来完成消息通信：对于这两种场景，相信大家都不会陌生。接下来，阿宝哥将介绍消息通信的另外...

在 JavaScript 中，函数为一等公民（First Class），所谓的 “一等公民”，指的是函数与其他数据类型一样，处于平等地位，可以赋值给其他变量，也可以作为参数，传入另一个函数，或作为其它函数的返回值。

本文阿宝哥将跟大家一起来学习 Koa 的中间件，不过这里阿宝哥不打算一开始就亮出广为人知的 “洋葱模型图”，而是先来介绍一下 Koa 中的中间件是什么？

近期阿宝哥在团队内搞了一个 如何读源码 的专题，主要目的是让团队的小伙伴们了解读源码的思路与技巧。在此期间，阿宝哥也写了 77.9K 的 Axios 项目有哪些值得借鉴的地方、从 12.9K 的前端开源项目我学到了啥 和 如何让你的 Express 飞起来 三篇源码解析的文章。其中前两篇在 掘金社区 获得不错的评价，平均 705+ 个 👍，...

Axios 是一个基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js 环境。它是一个优秀的 HTTP 客户端，被广泛地应用在大量的 Web 项目中。

《重学TS v1.0》 PDF 是今年阿宝哥发布的第三本电子书，前两本分别是《前端进阶篇 v1.1》（下载量近 5900） 和《了不起的 TS 和 Deno》（下载量近 2100），这里衷心感谢大家对阿宝哥的认可与支持。

在软件工程中，设计模式（Design Pattern）是对软件设计中普遍存在（反复出现）的各种问题，所提出的解决方案。根据模式的目的来划分的话，GoF（Gang of Four）设计模式可以分为以下 3 种类型：

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错过。

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

作为一名 Web 软件开发工程师，在软件系统的设计与开发过程中，我们可以利用设计模式来提高代码的可重用性、可扩展性和可维护性。在众多设计模式当中，有一种被称为工厂模式的设计模式，它提供了创建对象的最佳方式。

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。

作为一名 Web 开发者，在日常工作中，经常都会遇到消息通信的场景。比如实现组件间通信、实现插件间通信、实现不同的系统间通信。那么针对这些场景，我们应该怎么实现消息通信呢？本文阿宝哥将带大家一起来学习如何优雅的实现消息通信。

2020 年 08 月 03 号 <<前端进阶篇>> 1.0 版本正式发布了，首发一周的下载量突破 2K，截止目前的下载量 2871，浏览量为 1300。首先这得感谢我的一位好哥们 —— “小傅哥 | bugstack.cn” 的大力支持，其次得感谢一下我公众号、微信群粉丝们的大力支持。阿宝哥衷心感谢你们的认可与鼓励。

在某些场景下，我们希望能监视 DOM 树的变动，然后做一些相关的操作。比如监听元素被插入 DOM 或从 DOM 树中移除，然后添加相应的动画效果。或者在富文本编辑器中输入特殊的符号，如 # 或 @ 符号时自动高亮后面的内容等。要实现这些功能，我们就可以考虑使用 MutationObserver API，接下来阿宝哥将带大家一起来探索 Muta...

本文阿宝哥将从六个方面入手，全方位带你一起探索面向对象编程中 IoC（控制反转）和 DI（依赖注入） 的设计思想。阅读完本文，你将了解以下内容：

在现实生活中，工厂是负责生产产品的，比如牛奶、面包或礼物等，这些产品满足了我们日常的生理需求。此外，在日常生活中，我们也离不开大大小小的系统，这些系统是由不同的组件对象构成。

大家好，我是阿宝哥。首先简单介绍下我自己，2017 年 3 月份开始在思否写 Angular 修仙之路专栏，目前已输出 138 篇原创文章。曾获得思否年度优秀文章作者及两季 Top Writer。

本文阿宝哥将从多个方面入手，全方位带你一起探索 WebSocket 技术。阅读完本文，你将了解以下内容：了解 WebSocket 的诞生背景、WebSocket 是什么及它的优点；了解 WebSocket 含有哪些 API 及如何使用 WebSocket API 发送普通文本和二进制数据；了解 WebSocket 的握手协议和数据帧格式、掩码算法等相关知识；了解如何实...

数据加密，是一门历史悠久的技术，指通过加密算法和加密密钥将明文转变为密文，而解密则是通过解密算法和解密密钥将密文恢复为明文。它的核心是密码学。数据加密仍是计算机系统对信息进行保护的一种最可靠的办法。它利用密码技术对信息进行加密，实现信息隐蔽，从而起到保护信息的安全的作用。

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支持 HTML/CSS 特性、安全问题，以及可行性问题。

在日常工作中，大部分人都会使用 Microsoft Office Word、WPS 或 macOS Pages 等文字处理程序进行 Word 文档处理。除了使用上述的文字处理程序之外，对于 Word 文档来说，还有其他的处理方式么？答案是有的。