JavaWeb前后端架构分析

计算机网络是如何工作的

在打开网页的时候发生了什么

• 主机
• 域名与DNS
• 端⼝:HTTPS协议的默认端⼝口是443，HTTP协议的默认端⼝口是80
• TCP协议
• HTTP协议

浏览器是如何工作的

• 在网络上传输的只是字节流
• HTTP协议
• HTML
• JavaScript
• CSS

同步与异步加载

• 同步加载：同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。
• 异步加载：异步加载又叫非阻塞，浏览器在下载执行 js 同时，还会继续进行后续页面的处理。
• 服务器端一次返回所有的数据
• 服务器端返回部分数据，使用AJAX异步加载

区别

• 异步：在异步模式下，当我们使用AJAX发送完请求后，可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求，但是因为我们采用了异步执行方式，所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的，那么，这个时候就好比两条线程同时执行一样。
  
• 同步：在同步模式下，当我们使用AJAX发送完请求后，后续还有代码需要执行，我们同样将服务器响应交由另一个JS函数去处理，但是这时的代码执行情况是：在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时，包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样，请求发出后就进入阻塞状态，知道接触阻塞余下的代码才会继续执行。

注意

只要浏览器能做到的 其他代码一定能做到