Origin of Ray

今天的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’/。

这周大部分时间都是在开发一个基于Electron的客户端。

Electron内置一个chrome内核，所以可以让我们像开发一个网站一样开发客户端。

在开发过程中，遇到了一个问题，就是我们的项目需要从本地加载AI的模型并进行计算。

看过我介绍浏览器结构那篇文章的应该知道，在当前chrome结构下，网络进程与渲染进程是完全分开的，所以加载模型并不会pend住渲染进程，所以就没有在意。

但是事实证明我的页面还是会存在卡顿。

于是我就用开发者工具的Performance面板录制了一下，结果发现是模型加载完后的识别函数，它是一个Promise，属于微任务，实际上是个协程，而且是个CPU密集型的协程。

我想传递的是一种感觉

我一直和师弟师妹们说，一个知识，你不学出点哲学的意思，就不算了解它的原理，只停留在表面，别人说什么就是什么，永远停留在“器”的层面，也没法举一反三。

有的时候我们对一个知识点可以很容易地深入理解，有时候则需要和我们其他的知识点联系一下，你才能总结出它们之间的共性部分，也就是原理。

这次博客的内容也是这样的，我们初中的数学知识，数学归纳法。但不仅仅是数学归纳，还包括如何将其与我们平时的编程相互印证，找到二者的共性。

这次博客看起来很简单，但是我想传递的是一种感觉，一种思考方式。