SilenceTo

昨天，是我在字节的最后一天。 去年入职的时候，我就在想，自己会在字节待多久，一年？还是两年？毕竟“字节一年，人间三年”。现在答案揭晓了，一年零两个月。不过还好，超过了七个月的“平均在职时间”。

我们先来看几个题目，如果你都能很确定的说出结果，那么这篇文章就不用看了。 事件委托。React 利用了事件委托，将事件都绑定在 document 之上。 DOM 事件模型。分成捕获、目标、冒泡阶段。 如下所示，我们想监听 li 标签上的点击事件，但是我们不把事件绑定在 li 上…

在计算机内部，无论是一张图片，还是一段视频，又或是一篇文章，本质上都是由海量的“0”和“1”所表示的。计算机在读取一段从网络传来的文字时，会在网口上接收到若干个高电平和低电平以特定规律交替出现的信号，正是这些信号表示了这段文字。我们有人可能会想过这样的问题：当手机上的微信接收到…

**正则表达式**是可以说是现代开发的必需品。虽然有的小伙伴在实际开发中并没有怎么用到正则表达式，也顺利完成了任务，实现了功能，但不使用的话，很多JavaScript问题就不能以更优雅的方式来解决了。

在编译原理入门之手写一门简单的解释型语言中我们全手动写了一个 Parser 来解析我们的脚本，实际上有现成的工具可以更加方便地完成这个工作，比如 PEG.js。该工具通过解析语法规则来自动生成 Parser，开发人员只需要专注于编写语法规则即可。 上面定义了一个名叫 word …

实现一门简单的解释型语言分三步：词法分析，语法分析，解释执行。 词法分析可以借助有限状态机来完成。 我们用黑色框表示状态，蓝色框表示生成的 Token，黑色实线表示从某状态迁移到另一状态，其中线上的文字表示状态迁移的条件，同时每当状态恢复到初始状态时都会产生一个 Token，我…

最近在开发一个脚手架的时候，需要修改项目中 js 文件中的代码。一开始想到的是使用正则表达式，但是后面发现了一个似乎更好的办法，那就是 babel。 按照这个模式可以很方便的修改我们的代码，不过这里有点麻烦的是 @babel/types 这个库的使用，必须知道每一条 js 语句…

在阅读 webpack4.x 源码的过程中，参考了《深入浅出webpack》一书和众多大神的文章，结合自己的一点体会，总结如下。 webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依…

在开发中，数组的使用场景非常多，平日中也涉及到很多数组相关操作，对一些常见的操作方法进行总结和收藏，在开发中就能信手拈来，大大提高开发效率。 2、先将原数组排序，在与相邻的进行比较，如果不同则存入新数组。 3、利用对象属性存在的特性，如果没有该属性则存入新数组。 4、利用数组原…