摘要：
单例模式的定义：保证一个类仅有一个实例，并能够被全局访问。 单例模式在开发中应用非常广泛，比如网站的登录浮窗，当我们单击登录按钮的时候，页面中会出现一个登录浮窗，这个登录浮窗是唯一的，无论单击多少次登录按钮，这个浮窗都只会被创建一次，那么这个登录浮窗就适合用单例模式来创建 单例模式 下面使用单例模式 阅读全文
摘要：
前言 gulp是一种比较容易上手的前端构建工具，相比于时下流行的webpack，gulp的学习成本更低，配置也简单，在很多前端框架的构建上（如bootstrap）都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta 阅读全文
摘要：
CSP（Content Security Policy）内容安全策略，主要用于预防常见的Web攻击，如XSS攻击、数据注入攻击等。服务端通过设置响应报文的 字段，控制浏览器可以为该页面获取哪些资源，下面是一些常用的设置示例 default src default src 用于控制网页中资源的安全性 阅读全文
摘要：
前言 缓存是性能优化的总要手段，合理使用缓存，不仅能够节省服务器资源，更能为用户提供好的浏览体验 Pragma 是 HTTP 1.0 的产物，它要求缓存服务器在返回缓存的版本之前将请求提交到源头服务器进行验证。在效果上和HTTP 1.1 中的 一样。 缓存服务器是代理服务器的一种，用于缓存静态资源。 阅读全文
摘要：
原因 HTTP 是建立在 TCP 基础之上的应用层协议，因此要想发送一条HTTP请求，TCP 必须先要建立连接。 TCP 为什么要经过三次握手（通信）才能建立连接？原因很简单，因为最少要三次通信，客户端和服务器才能都知道连接是否建立成功。试想如果 TCP 连接只进行两次握手，比如客户端发起请求，服务 阅读全文
摘要：
这里我先不解释什么是csrf以及如何预防，先看实验 我现在有一个很简单的站点，它有两个API接口，如下所示： 现在我访问 表示登录成功，然后后端会设置cookie 现在有个恶意攻击者，它知道通过向 发送post请求可以删除用户文章，只要用户已经登录了，它就可以这么做 第一步：它向用户发送了一封邮件（ 阅读全文
摘要：
前言 整个互联网的实现都是建立在上面五层分层模型的基础上的，上面的每一层都要依靠下面的分层模型支持。每一层都是为了完成某个特定的功能，计算机之间要想建立通信都需要遵循约定好的协议，因此每一层都有约定好的协议（protocol） 物理层 物理层指的是把电脑连接起来的物理手段，常用的方式有光缆、电缆、双 阅读全文
摘要：
说起URL，就不能不提它的父亲URI，很多时候容易把它们搞混 引入 URI(Uniform Resource Identifier)是一个通用的概念，称为统一资源标识符，它有两个主要的子集URL和URN构成。URL是通过描述资源的位置来标识资源的，URN则是通过名字来识别资源的 URL(Unifor 阅读全文
摘要：
重定向表示资源的位置转移了，于是当点击原链接时会跳转到新的地址。该操作需要后端在响应报文中设置 Location 字段和对应的状态码，301表示永久重定向，这个操作要慎用，因为浏览器会缓存资源的新地址，如果你后期想取消永久从定向，用户必须手动清除缓存才有效；302表示临时重定向，浏览器不会缓存新的资 阅读全文
摘要：
在CSS标准文档中，视口viewport被称为初始化包含块，它是所有CSS百分比宽度推算的根源。通常，在桌面端，视口的宽度和浏览器的宽度是一致的。但在手机端就比较麻烦了，视口分为布局视口(layout viewport)、视觉视口(visual viewport)和理想视口(ideal viewpo 阅读全文