qq_43293207的博客

原文链接：https://segmentfault.com/a/11900000158163311.HTTP缓存浏览器第一次向一个web服务器发起http请求后，服务器会返回请求的资源，并且在响应头中添加一些有关缓存的字段如：Cache-Control、Expires、Last-Modified、ETag、Date等等。之后浏览器再向该服务器请求该资源就可以视情况使用强缓存和协商缓存。强缓存：浏览器直接从本地缓存中获取数据，不与服务器进行交互。协商缓存：浏览器发送请求到服务器，服务器判定是否可使

参考链接:https://juejin.cn/post/6844904005437669389#heading-16客户端发送一个HTTP请求到服务器的请求消息包括以下格式：请求行（request line）、请求头部（header）、空行和请求数据四个部分组成。示例：请求行：指定的是请求方法、请求URL、协议版本请求头：以键值对形式存在的字段，展示该请求的一些规则参数空行请求体：该请求所传递的数据2.2 响应报文与请求报文同理，HTTP响应也由四个部分组成，分别是：状态行、消息报头、空行和

原文链接：1：https://juejin.cn/post/68449036385323581512：https://segmentfault.com/a/1190000004623125?utm_source=sf-related1. XSSXSS，即 Cross Site Script，为跨站脚本攻击；其原本缩写是 CSS，但为了和层叠样式表(Cascading Style Sheet)有所区分，因而在安全领域叫做 XSS。XSS 攻击是指攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户

欢迎访问个人博客网站：http://www.zhuxin.club1. 前言随着手机，平板等移动设备的普及，现如今的绝大多数web应用会对桌面端和移动端进行网页适配的兼容处理。由于移动端和桌面端设备的型号和分辨率种类比较繁杂，如果专门为这些不同设备和终端分别建立网站显然成本太高，很不现实，并且它们之间的界限也很模糊。所以创建可以适配多种设备的web应用是如今web开发的基本需求。在我们具体分析主流的适配方案之前，先让我们了解一下以下这些主要概念：2. 各种“像素”2.1 物理像素物理像素（又称

欢迎访问个人博客网站：http://www.zhuxin.club1. 同源策略1.1 定义所谓同源是浏览器的一种安全策略：若两个地址的域名、协议、端口 相同，则它们是同源的。域名：网站ip的唯一标识，如www.baidu.com，www.qq.com协议：浏览器连接并访问资源的遵从的统一约定。主要为http和https两种。端口：不同的端口对应不同的应用程序，http网站首页一般默认端口为80端口，https则为443。示例（以http://www.example.com/list.htm

欢迎访问个人博客网站：http://www.zhuxin.club1. WebStorage简介在WebStorage出现之前，浏览器中存储本地数据基本使用技术的只能是cookie，并且cookie需要频繁的地服务器端进行传输交互。Web Storage是HTML5标准提出的新的浏览器本地存储方案，它的出现克服了由cookie带来的一些限制，例如当数据需要被严格控制在客户端上时，无须持续地将数据发回服务器。Web Storage出现的目的：提供一种在cookie之外存储会话数据的途径。提供一种

1. 前言由于http协议的无状态性。每一次的http请求不会记住和保存任何会话信息，比如上一次的请求发送者和这一次的发送者是不是同一个人？每次请求都是全新和独立的。随着交互式Web应用的兴起， 像在线购物网站，需要登录的网站等，马上面临一个问题，就是要管理回话，记住那些人登录过系统，哪些人往自己的购物车中放商品，也就是说我必须把每个人区分开。2. CookieCookie是浏览器实现的一种数据存储技术。一般由服务器生成，发送给浏览器（客户端也可进行cookie设置）进行存储，下一次请求同一网站时会把

1. 项目结构blog：博客项目前端工程，所用技术栈为Next.js + React Hooks + Antd + Axios。service：博客项目后端服务，所用技术栈为Egg.js。admin：博客后台管理系统，所用技术栈为Create-React-App + React Hooks + Antd + Axios。files：博客所用静态资源存放目录（如上传的图片等文件）。项目github地址2. 部署前准备2.1 购买云服务器去阿里云（下面以阿里云为例），腾讯云等云服务平台购买云服务