圆圆的 JavaScript 博客

fetch()是 XMLHttpRequest 的升级版，用于在 JavaScript 脚本里面发出 HTTP 请求。浏览器原生提供这个对象。本文详细介绍它的用法，以及与Ajax和Axios的区别~

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 API 等新型安全问题。当然，浏览器自身也在不断在进化和发展，不断引入 CSP、Same-Site Cookies 等新技术来增强安全性，但是仍存在很多潜在的威胁，这需要前端技术人员不断进行“查漏补缺”。

掌握网络协议可以让我们在日常项目开发过程中，定位那些在发起网络请求遇到的奇怪问题。而且在一些比较成熟的团队面试过程中也经常会问到网络协议这方面的知识。因此作为一名前端，我们需要掌握网络协议这方面的相关知识。

HTTPS (`Hyper Text Transfer Protocol over SecureSocket Layer`）是在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。在 HTTPS 中，使用`传输层安全性协议(TLS)`或`安全套接字协议(SSL)`对通信协议进行加密。也就是 `HTTP + SSL(TLS) = HTTPS`。HTTPS = HTTP+加密+认证+完整性保护。...

TCP 和 UDP都是`传输层协议`，他们都属于TCP/IP协议族

面试常被问到：浏览器从URL输入到页面展现到底发生了什么？这也是一个前端面试经典问题了，本文就带你彻底了解面试官到底问这个问题想让你回答些什么。

HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体验，减少网络传输，缓解服务端的压力。