JavaScript

一，性能比2.x快1.2～2倍 diff算法的优化 在vue2中，虚拟dom是全量比较的。 在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，

例子 input触发键盘输入事件，将输入内容发送到后台： 可以看到，我们每次按下键盘输入的时候，都会去请求，这样很浪费资源，一般应用中都是等待用户输入完整的字符，再去请求后台，所以我们用防抖函数来优化

将 .content 的 margin-bottom 设为负数 将 .footer 的 margin-top 设为负数 使用 calc() 设置 .content 的高度 使用 Flexbox 弹性布

前言： 在 JavaScript 这门语言中，我们所有人都必须对数组足够熟悉，知晓数组本质上是动态的，并且可以容纳任何 JavaScript 对象。不过，如果你曾经使用过类似于 C 语言这样的其他语言

在 Java 等面向对象的语言中，this 关键字的含义是明确且具体的，即指代当前对象。一般在编译期确定下来，或称为编译期绑定。而在 JavaScript 中，this 是动态绑定，或称为运行期绑定的，这就导致 JavaScript 中的 this 关键字有能力具备多重含义。 …

从rgb(1, 255, 0);最终rgb(1, 255, 255);从而达到颜色的变化。

深复制(深克隆)：就是把数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。深拷贝，是拷贝对象各个层级的属性。 对于基本数据类型而言，把a的值赋值给b后，a的修改，不会影响到b。 基本数据类型是直接存储在栈内存中的，而引用数据类型，则仅仅是把地址存储在栈…

--- # 主题列表：juejin, github, smartblue, cyanosis, channing-cyan, fancy, hydrogen, condensed-night-purp

Symbol 本质上是一种唯一标识符，可用作对象的唯一属性名，这样其他人就不会改写或覆盖你设置的属性值。 Symbol 数据类型的特点是唯一性，即使是用同一个变量生成的值也不相等。 Object.getOwnPropertySymbols 方法会返回一个数组，成员是当前对象的所…

根据相应的权重，计算出计算机应该落子的位置。 要提的是，这里暂时只能悔一步棋。悔棋功能主要关键点是：1、销毁刚刚下的棋子；2、将之前不可能赢的状态还原；看下具体的代码： minusStep()为销毁棋子的方法，我们看下是怎么销毁的。 首先通过clearRect()擦掉该圆，然后…