时间轴

abzzp 发布了《浏览器的事件循环是怎么样的？》

如果在执行Javascript代码的过程中，有异步如何操作呢？中间我们插入了一个setTimeout的函数调用，这个函数被放入到通用栈里，执行会立即结束，并不会阻塞代码的执行。

abzzp 发布了《栈结构和队列结构是什么样的？》

调用栈的英文名称是`Call Stack`,JavaScript是单线程的，调用栈是一个后进先出`LIFO`的数据结构，用于存储在程序执行过程中创建的所有上下文`Execution Contexts`。

abzzp 发布了《什么是浏览器的事件循环？》

浏览器是一个进程吗？它里面只有一个线程吗？目前多数的浏览器其实都是多进程的，当我们打开一个tab页面时就会开启一个新的进程，这是为了防止一个页面卡死而造成所有页面无法响应整个浏览器需要强制退出。

abzzp 发布了《Nginx的配置流程是怎么样的？》

首先，我们通过配置Nginx作为反向代理来解决跨域问题。这意味着所有的前端到后端的请求都会被发送到Nginx，然后由Nginx转发到实际的后端服务器。

abzzp 发布了《如何使用Nginx作为解决跨域的方法，他的工作原理是什么？》

Nginx来解决跨域问题是我们在生产过程中常用的手段，在不同的请求下我们使用Nginx来解决跨域访问方案有两种

abzzp 发布了《在开发过程中遇到的跨域问题，产生跨域问题的原因》

在开发过程中，我们几乎都会遇到跨域请求的问题，这主要是因为浏览器的同源策略,同源策略要求执行脚本的网页的源必须与请求的资源的源相同，否则浏览器会阻止这种请求

abzzp 发布了《正向代理和反向代理分别是什么？在网络通信中如何应用》

正向代理代表客户端向服务器发起请求，这意味着客户端能指定代理的存在：客户端配置来了代理服务器的地址和端口，因此清楚所以的请求都是通过这个代理来完成的`客户端需要这个代理`。

abzzp 发布了《什么是浏览器的同源策略，为什么浏览器会有同源策略？》

同源策略是浏览器的一种几百安全特性，它用来限制一个域的文档或脚本如何与另一个域的资源进行交互。具体来说，如果两个页面的协议，端口`如果定义了的话`和域名都相同，我们就认为它们是“同源”的，反正就是“不同源”，不同源时，浏览器会对其访问进行限制。

abzzp 发布了《在开发过程中遇到的跨域问题，并解释导致跨域问题产生的原因？》

在开发过程中，我们几乎都会遇到跨域请求的问题，这主要是因为浏览器的同源策略。同源策略要求执行脚本的网页的源必须与请求的资源的源相同，否则浏览器会阻止这种请求。具体来说，同源策略要求协议，端口和域名完全匹配。

abzzp 发布了《Nginx反向代理设置》

Windows，Mac，Linux的Nginx安装号之后，这里我们要知道Mac电脑的配置文件在/usr/local/nginx中配置，我们再Nginx中实现跨域访问，这里我们跨域分成两种情况：1.Nginx代理了静态资源和API服务器。2.Nginx仅仅代理API服务器。在Nginx代理了静态资源和API服务器的情况下，Nginx即代理前端又代理API请求

abzzp 发布了《Vite/Webpack解决跨域的底层原理是什么？》

那么Vite，Webpack他们的底层原理如下：创建开发服务器，使用Node.js的http模块创建一个本地开发服务器，监听特定端口比如3000端口

abzzp 发布了《Vite/Webpack底层方案`Node服务器`》

那么在我们平时开发中，我们并不会，也不能直接去修改服务器，那么开发过程在我们遇到跨域问题应该如何解决呢？

abzzp 发布了《限定特定的origin访问》

预检请求`Preflight Request`:对于复杂请求比如使用非常简单的方法PUT，DELETE或自定义头，浏览器会先发送一个OPTIONS请求，访问服务器是否允许跨域请求，服务器如果同意跨域请求，则返回包含CORS头信息的响应。

abzzp 发布了《CORS跨域资源共享》

跨域资源共享`CORS,Cross-Origin Resource Sharing`跨域资源共享。它是一种基于http header的机制，该机制通过运行服务器标示出了它自己以外的其他源`域，协议和端口`，使得浏览器运行这些origin访问加载自己的资源。

abzzp 发布了《如何解决跨域？》

那么跨域问题如何解决？所以跨域的解决方案几乎和服务器有关系，单独的前端基本解决不了跨域（虽然网上也能看到各种方案，但是实际开发不会使用）。