1 引言 拖拽是前端非常常见的交互操作，但显然拖拽是强 DOM 交互的，而 React 绕过了 DOM 这一层，那么基于 React 的拖拽方案就必定值得聊一聊。 结合 <a href=" ...

Memento（备忘录模式） Memento（备忘录模式）属于行为型模式，是针对如何捕获与恢复对象内部状态的设计模式。 意图：在不破坏封装性的前提下，捕获一个对 ...

二叉树是一种数据结构，并且拥有种类复杂的分支，本文作为入门篇，只介绍一些基本二叉树的题型，像二叉搜索树等等不在此篇介绍。 二叉树其实是链表的升级版，即链表同时拥有两个 Next 指针，就变成了二叉树。 二叉 ...

1 引言 说到前端编译方案，也就是如何打包项目，如何编译组件，可选方案有很多，比如： 通过 webpack / parcel / gulp 构建项目。 通过 ...

本期精读的文章是：V8 引擎特性带来的的 JS 性能变化</ ...

1 引言 React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈 ...

如何尝试走迷宫呢？遇到障碍物就从头 “回溯” 继续探索，这就是回溯算法的形象解释。 更抽象的，可以将回溯算法理解为深度遍历一颗树，每个叶子结点都是一种方案的终态，而对某条路线的判断可能在访问到叶子结点之前就结束。 ...

DOM diff 作为工程问题，需要具有一定算法思维，因此经常出现在面试场景中，毕竟这是难得出现在工程领域的算法问题。 无论出于面试目的，还是深入学习目的，都有必要将这个问题搞懂，因此前端精读我们就专门用一个章节说清楚此 ...

Iterator（迭代器模式） Iterator（迭代器模式）属于行为型模式。 意图：提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部 ...

本期精读的文章是：Front End ...