VPN简介与举例
最近看了篇关于VPN原理的文章，发现它的连接建立过程与HTTPS有点相似，并且都是对通信进行了数据加密。
在这里记录下VPN的连接建立过程，想要比较与HTTPS的区别的可以看我的另外一篇博客：https://sunra.top/posts/‘51308784’/。
Electron 多进程方案
这周大部分时间都是在开发一个基于Electron的客户端。
Electron内置一个chrome内核，所以可以让我们像开发一个网站一样开发客户端。
在开发过程中，遇到了一个问题，就是我们的项目需要从本地加载AI的模型并进行计算。
看过我介绍浏览器结构那篇文章的应该知道，在当前chrome结构下，网络进程与渲染进程是完全分开的，所以加载模型并不会pend住渲染进程，所以就没有在意。
但是事实证明我的页面还是会存在卡顿。
于是我就用开发者工具的Performance面板录制了一下，结果发现是模型加载完后的识别函数，它是一个Promise，属于微任务，实际上是个协程，而且是个CPU密集型的协程。
程序员的数学（一）迭代法与数学归纳法
Cookie与同站
最近在重新看cookie的配置的时候，发现了它的一个新的配置，叫做sameSite。
这个sameSite的中文翻译就是同站。
我们今天就来看一下这个同站是什么，它和同源有什么区别，为什么cookie明明都有domain和path来规定作用域了还需要sameSite这个属性。
Javascript执行机制（五）用公式讲清楚原型链
前面几篇文章我们从调用栈和执行上下文角度讲清楚了作用域和闭包，同时讲了作用域和this的区别，现在JavaScript中最难理解的几个概念就只剩下一个原型链了。
如果我们看过《JavaScript高级程序设计》的话应该就对其中那个原型的章节有印象，它有一个非常复杂的图，通过这图来讲了JavaScript的_proto_，prototype，constructor之间的指向关系。
一开始读那本书对这一块我是似懂非懂的，终于借这次重新梳理的机会搞清楚了。
这篇博客的内容还是分为两部分：
- 通过几个公式来理清楚
_proto_，prototype，constructor的指向关系。 - 原型链的使用
Javascript执行机制（四）this指向的是什么？
在以前的文章中，我们通过调用栈执行上下文讲清楚了JavaScript的作用域链和闭包的原理。
这次我们来讲一下JavaScript中另外一个非常重要的概念this。
这篇文章有两个要点，第一，this是个什么东西，第二，this指向如何判断。
Javascript执行机制（三）作用域链和闭包
在上一篇关于作用域的文章中我们通过调用栈讲什么是作用域。
每当我们调用一个函数时就会在调用栈中为该函数创建执行上下文，到目前为止我们知道了该执行上下文中有变量环境，用于存储通过var声明的变量，也有一个词法环境，词法环境又是一个栈，依次放置了函数中通过let和const声明的在不同层级的块级作用域中的变量。
基于上面的变量环境和词法环境，我们可以明白如何在一个函数的执行上下文中找到正确的变量。
那如果我们所需要的变量其实不在当前执行上下文，而是在上一级的执行上下文中呢？我们怎么确定上一级的执行上下文是哪个？
这个问题就涉及了我们今天的主题：作用域链。
理解作用域链是理解闭包的基础，而闭包在 JavaScript 中几乎无处不在，同时作用域和作用域链还是所有编程语言的基础。所以，如果你想学透一门语言，作用域和作用域链一定是绕不开的。
浏览器架构
无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器中的网络流程、页面渲染过程，JavaScript 执行流程，以及 Web 安全理论。
这篇文章简单介绍下浏览器的架构演进。
浏览器渲染流程
最近看了几篇关于浏览器原理的文章，对浏览器的渲染流程有了个比较系统的了解，在这里简单总结下并顺便讲下老生常谈的重排和重绘是怎么回事。