Origin of Ray

这个周的每日一题，做算法，要有想象力，要足够充分发掘已知条件。

继续看一下Vue3的迁移文档

今天的leetcode每日一题是一道中等难度的题目，但是题解的各种思路确实是很有新意，在这里记录一下。

每次遇到这种很有想象力的题解，都会让我感到非常快乐，它们只是使用了一些你早已熟练的方法，却能用的非常巧妙。

文件上传漏洞及其危害

文件上传漏洞是指网络攻击者上传了一个可执行的文件到服务器并执行。这里上传的文件可以是木马，病毒，恶意脚本或者WebShell等。

由于程序员在对用户文件上传部分的控制不足或者处理缺陷，而导致用户可以越过其本身权限向服务器上传可执行的动态脚本文件。

Vue2时代的全局API全部都是挂载在Vue原型上的，所以任何对全局API的修改都会作用到所有的Vue实例。这可能是我们所不希望的，同时这种修改又是不可逆的。

所以为了应对这种情况，Vue3将全局API改造，引入了APP的概念，每个实例都是一个APP，全局API是作用在APP上的。

VLAN（Virtual LAN），翻译成中文是“虚拟局域网”。LAN可以是由少数几台家用计算机构成的网络，也可以是数以百计的计算机构成的企业网络。VLAN所指的LAN特指使用路由器分割的网络——也就是广播域。

而子网也是通过路由器进行划分的一个个网络。

那二者的区别是什么呢？最本质上的区别就是，根据网络分层模型，VLAN主要用于划分数据链路层的广播域，而子网划分是通过IP地址在划分网络层，如果是用CIDR进行的子网划分，那么如果两个IP地址通过子网掩码计算出来的结果是相同的，那就是同一个子网。

这篇博客我们继续来看Vue3的一些新特性，包括Teleport，片段，触发组件选项。

大部分内容来自官方文档，对部分难理解的部分进行了解释与总结。

题目

给你一个points 数组，表示 2D 平面上的一些点，其中 points[i] = [xi, yi] 。

连接点 [xi, yi] 和点 [xj, yj] 的费用为它们之间的 曼哈顿距离 ：|xi - xj| + |yi - yj| ，其中 |val| 表示 val 的绝对值。

请你返回将所有点连接的最小总费用。只有任意两点之间 有且仅有 一条简单路径时，才认为所有点都已连接。

Vue3发布也有一段时间了，虽然还在beta测试，但是有些特性也可以事先了解下，这次就先看一下最重要的几个特性之一的组合式API，一种类似React Hooks的东西。

如果你了解Vue2或者说看过我以前关于Vue2源码的分析，有一个结论我现在就可以抛出：

就是Vue3的组合式API本身并没有用什么本质上的新特性，还是响应式原理那一套东西，只不过是提供了一种新的语法可以让你将强相关的一些列的data，prop，compute，method，生命周期函数封装到一起，最后将需要暴露出去的data也好，compute也好通过一个对象return出去，剩下的就和vue2没什么区别，你可以直接使用this去调用或者使用。

文章主要内容来自于Vue3迁移指南-组合式API，中间会根据自己的思路重新整理并解释。

最近看了篇关于VPN原理的文章，发现它的连接建立过程与HTTPS有点相似，并且都是对通信进行了数据加密。

在这里记录下VPN的连接建立过程，想要比较与HTTPS的区别的可以看我的另外一篇博客：https://sunra.top/posts/‘51308784’/。