左耳听风第二十一周

每周完成一个ARTS：每周至少做一个 leetcode 的算法题、阅读并点评至少一篇英文技术文章、学习至少一个技术技巧、分享一篇有观点和思考的技术文章。（也就是 Algorithm、Review、Tip、Share 简称ARTS）

Algorithm

针对「二叉树」的知识点进行了一些练习
LeetCode.217.合并二叉树
LeetCode.783. 二叉搜索树结点最小距离

review

Why the Web 3.0 Matters and you should know about it

「为什么 Web 3.0 如此重要，你应当知道它。」。
作者分享了 Web3.0 的重大改变

首先是在隐私方面的重大改变，网络的加密，会减少各大网络公司对于个人信息的获取。Web 2.0 时代在带来丰富的交互内容的同时，将我们的个人信息不加密的在网络传输，在 3.0 时代都将通过区块链等技术解决这个问题。

基于分布式技术的发展，数据中心的形式将不再存在，没有人能够控制整个网络的信息。

数据所有权的更改。数据所有权将属于用户，并根据所需要的个人服务选择性开放自己的信息。

跨平台能力明显。3.0 时代不再受限于操作系统，网页开发的应用在具备同原生 App 流畅体验的同时，可以供多个终端使用（手机、电脑、TV等）。C\S（客户端到服务端）模式将逐渐被 B\S（浏览器\服务器）所取代。

总结，前端大统一趋势在 3.0 时代势不可挡。区块链、分布式服务在与 Web 结合后将完善 2.0 时代的隐私问题，会得到显著的改善。正如作者在文中所提到的：

The wheels have already been set in motion and the train has left the station. Web 3.0 is an revolution in motion, we are past the point of no return.

车轮已经启动，火车离开了站台。Web 3.0 是一场革命，我们已无回头路。（个人理解：新的技术的发展是必然的，我们作为见证者所能做的，就是早一点了解并推动它的发展。）

Tip

把上周 review 文章中的一个网页「视差图」技巧实践了一下

background-attachment 可以将页面设置成滚动 / 固定两种模式。这里设置为 fixed 固定模式，网页在滚动时图片始终展示在固定位置，在上下浏览时就形成了一个视差。

body {height: 100vh;  /* vh 视口单位，让网页可以显示所有元素  */
}
img{background-size: cover; /* 背景全覆盖网页  */background-attachment: fixed; /* 背景固定 */height: 100%; /* 百分百显示  */}

实际效果

简单入门二叉树

对于二叉树进行了一个简单入门，分析了二叉树的实现机制，以及基础的三种遍历（前序、中序、后序）。