目录 Vue 3.0 进阶之指令探秘 Vue 3.0 进阶之自定义事件探秘 Vue 3.0 进阶之双向绑定探秘 Vue 3.0 进阶之动态组件探秘 Vue 3.0 进阶之 VNode 探秘 Vue 3.0 进阶之依赖注入探秘 Vue 3.0 进阶之应用创建的过程 Vue 3.0 进阶之应用挂载的过程上篇 从观察者模式到响应式的设计原理 你不知道的 Proxy 简介Hi，我是阿宝哥。2017...

《重学TS v1.0》 PDF 是今年阿宝哥发布的第三本电子书，前两本分别是《前端进阶篇 v1.1》（下载量近 5900） 和《了不起的 TS 和 Deno》（下载量近 2100），这里衷心感谢大家对阿宝哥的认可与支持。 在学习 TS 的过程中，阿宝哥发现阅读优秀的 TS 开源项目是一种不错的进阶方式。因此在团队内策划了 TS 项目源码学习的专题，目前已经学完 4 个开源项目。以下是阿宝...

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。本文阿宝哥将分享编写高效 TS 代码的 5 个建议，希望这些建议对大家编写 TS 代码能有一些帮助。 一、尽量减少重复代码对于刚接触 TypeScript 的小伙伴来说，在定义接口时，可能一不小心会出现以下类似的重复代码。比如：...

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错过。 一、TypeScript 是什么TypeScript 是一种由微软开发的自由和开源的编程语言。它是 Java...

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 本文阿宝哥将分享这些年在学习 TypeScript 过程中，遇到的 10 大 “奇怪” 的符号。其中有一些符号，阿宝哥第一次见的时候也觉得 “一脸懵逼”，希望本文对学习 TypeScript 的小伙伴能有一些帮助。 好的，下面...

在现实生活中，工厂是负责生产产品的，比如牛奶、面包或礼物等，这些产品满足了我们日常的生理需求。 作为一名 Web 软件开发工程师，在软件系统的设计与开发过程中，我们可以利用设计模式来提高代码的可重用性、可扩展性和可维护性。在众多设计模式当中，有一种被称为工厂模式的设计模式，它提供了创建对象的最佳方式。 工厂模式可以分为：简单工厂模式、工厂方法模式和抽象工厂模式。本文阿宝哥将详细介绍抽象工厂...

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

创建了一个 “重学TypeScript” 的微信群，想加群的小伙伴，加我微信 “semlinker”，备注 “1” 。阿里、京东、腾讯的大佬都在群里等你哟。 semlinker/awesome-typescript 1.8K 一、背景作为一名 Web 开发者，在日常工作中，经常都会遇到消息通信的场景。比如实现组件间通信、实现插件间通信、实现不同的系统间通信。那么针对这些场景，我们应该怎么...

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

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