# 彩蛋

昨晚搬砖回家看到 Peter 发了条朋友圈，腾讯云游戏平台 START 公测发布，他在用 MAC 打 LOL。我紧随其后体验了一波，毕竟 LOL 是我们这代人的青春，工作后很少有时间玩，用上 MAC 后，之前的游戏本也放在箱底很久了。

通过上两个系列专栏的学习，我们对前端音视频及 WebRTC 有了初步的了解，是时候敲代码实现一个 Demo 来真实感受下 WebRTC 实时通讯的魅力了。还没有看过的同学请移步：

• 前端音视频的那些名词
• 前端音视频之WebRTC初探

在上个系列专栏前端音视频的那些名词中，我们对比特率、帧率、分辨率、容器格式以及编码格式有所了解，如果还没看过的同学请点击上方链接自行跳转。

今天，我们来一起学习一下 WebRTC，相信你已经对这个前端音视频网红儿有所耳闻了。

想要搞明白 Vue3 的 DOM Diff 核心算法，我们要从一道 LeetCode 真题说起。

如果你在 Vue 的仓库中看过 Releases 历史，你会发现有一些版本发布时会带上代号。不知你是否会好奇这些代号的含义呢？

本文汇总整理了至今 Vue 3.0 发布为止的版本代号，在学习和工作之余，让我们一起来回顾一下它们吧～

(注：除了 v2.6.0 和 v3.0.0 是官方配图，其他的版本配图来源于网络)

• 现在的笔试题让手写 xxx 原理，代码太多了，记不住怎么办？
• 要如何深刻理解 JavaScirpt 中的各种概念呢？
• 。。。

这些问题是交流群中同学们的提问，相信或多或少的同学们都经历过这个阶段。想要解决这些问题，我决定先从一本书说起。

# 理解栈 Stack

前端食堂里的店小二儿对栈的理解很深刻，我们来听听他是怎样理解栈的。

店小二儿十分勤奋，前台后厨的活儿他都干，每天都要跑前跑后端顾客吃完的盘子。栈就像叠在一起的盘子，客人美滋滋的吃完饭，店小二去收拾桌子捡起盘子时，都是从下往上一个一个的放盘子。而他在后厨橱柜上取盘子给厨师时，是从上往下一个一个依次的取。

这也就是所谓的 LIFO (Last In, First Out, 后进先出)。

在 JavaScript 中，我们可以通过数组来简单模拟下栈：

# 历史背景

互联网的全球化导致了互联网的数据量快速增长，加上在本世纪初摩尔定律在单核 CPU 上的失效，CPU 朝着多核方向发展，而 Apache 显然并没有做好多核架构的准备，它的一个进程同一时间只能处理一个连接，处理完一个请求后才能处理下一个，这无疑不能应对如今互联网上海量的用户。况且进程间切换的成本是非常高的。在这种背景下，Nginx 应运而生，可以轻松处理数百万、上千万的连接。

# 比特率 Bit rate （码率、码流）

代表每秒传送的比特数。

比特率又称为“二进制位速率”，俗称“码率”，“码流”，又称为数据信号速率。这大兄弟别名好多。。

从传输速度的发展看来，摩尔定律不仅应用在晶体管的密度，同样可以用在传输速度：比特率大概每18个月提高一倍。

从略带银丝的头发和干净利落的步伐我察觉到，面前坐着的这个面试官有点深不可测。我像往常一样，准备花 3 分钟的时间给面试官来一套昨天晚上精心准备的自我介绍。我自信且得意的诉说着对过往项目所付出的心血，所做的优化取得了怎样的成果，为公司提高了多少的收入。。。