青蛙king的博客

前端缓存 一般用于缓存一些不常修改的常量数据或一些静态资源文件。大部分接口请求的数据都缓存在了服务端，方便统一管理缓存数据。前端做缓存的必要性：可以缓解服务端的压力，减少带宽的占用，同时也可以提升前端的查询性能。浏览器缓存和HTTP 缓存。

Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。Token 的特点：Token 完全由应用管理，所以它可以避开同源策略；Token 可以避免 CSRF 攻击；Token 可以是无状态的，可以在多个服务间共享。参考文档：https://www.cnblogs.com/xuxinstyle/p/9675541.html............

虽然 HTTP 2.0 解决了 HTTP 1.1 中的队头阻塞问题，但是 HTTP 2.0 依然是基于 TCP 协议的，而 TCP 最初就是为了单连接而设计的，所以依然存在数据包级别的队头阻塞问题。队头阻塞：在 HTTP 1.1 中使用持久连接时，虽然能公用一个 TCP 管道，但是在一个管道中同一时刻只能处理一个请求，在当前的请求没有结束之前，其他的请求只能处于阻塞状态。HTTP 1.1 通过增加 持久连接 的方法来解决 HTTP 1.0 一个 HTTP 通信对一个 TCP 链接造成的无谓的开销大的问题。.

目录一、浏览器的渲染过程1、面试题（1）、DNS 域名解析（2）、建立 TCP 连接（3）、发送 HTTP 请求（4）、处理请求返回的 HTTP 响应（5）、页面渲染（6）、关闭 TCP 连接2、优化方案二、回流（reflow）与重绘（repaint）1、回流（reflow）2、重绘（repaint）3、何时会发生回流和重绘？（1）、何时会发生回流？（2）、何时会发生重绘？4、避免回流与重绘（1）、合并多次对DOM和样式的修改，然后一次处理

在本地通过 Nginx 运行项目后，很想查看项目的运行日志，于是我们先来了解下查看日志的 Linux 命令。推荐使用 HomeBrew 来安装 Nginx。

curl 是一个非常有用的网站开发工具。curl 是常用的命令行工具——客户端（client）的 URL 工具——curl 用来请求 Web 服务器。curl 支持多种协议。curl 命令行参数多达几十种。如果熟练的话，完全可以取代 Postman 这一类的图形界面工具。

目录一、什么是单点登录？二、回顾单系统登录三、多系统登录的问题与解决1、 Session不共享问题2、CAS原理一、什么是单点登录？单点登录的英文名叫做：Single Sign On（简称SSO）。在初学/以前的时候，一般我们就单系统，所有的功能都在同一个系统上。后来，我们为了合理利用资源和降低耦合性，于是把单系统拆分成多个子系统。回顾：分布式基础知识比如阿里系的淘宝和天猫，很明显地我们可以知道这是两个系统，但是你在使用的时候，登录了天猫，淘宝也会自动.

缓存的本质：为了节约对原始资源重复获取的开销，而将结果数据副本存放起来以供获取的方式——以空间换时间。缓存命中率：我们把一批数据获取中，通过缓存获得数据的次数，除以总的次数，得到的结果就是缓存命中率。更低的延迟（latency）和更高的吞吐量（throughput）。

IBM 使用 SSL：https://www.ibm.com/support/knowledgecenter/zh/SSPSQF_9.1.0/org.eclipse.rse.doc.user/tasks/tworkssl.htmlWeb 应用中使用 SSL 的实现方式：https://blog.csdn.net/hui_yan2012/article/details/65937231网站要实现 https 访问，首选你需要申请一张 SSL 证书，然后将 SSL 证书部署到服务器端，开启 443 端口

一个PWA应用首先是一个网页，可以通过Web技术编写出一个网页应用。随后添加上AppManifest和ServiceWorker来实现PWA的安装和离线等功能。PWA全称ProgressiveWebApp，即渐进式WEB应用。这些特性将使得Web应用渐进式接近原生App。..............................

目录一、HTML5 应用缓存二、Cookie三、Storage1、sessionStorage2、globalStorage3、localStorage四、IndexedDB（了解）一、HTML5 应用缓存二、Cookie三、Storage1、sessionStorage2、globalStorage3、localStorage四、IndexedDB（了解）.....................

在项目开发时，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。轮询：定时轮询：通过 Ajax 轮询请求，每隔一秒或者一段时间请求一次服务器查看是否有未读消息。长轮询：每一个请求发送到服务器时，服务器将请求卡主，直到有消息时才返回。使用 WebSocket 协议（推荐）由于轮询存在明显的弊端：占用服务端地资源, 增大服务端压力，会产生很多无效请求，而且消息存在延时性。

进程浏览器最初是单进程架构,但是单进程架构缺点较为明显:稳定性: 进程中某个模块的崩溃会导致整个进程的崩溃,比如浏览器的某些插件,或者一些复杂的JavaScript代码… …流畅性: 单进程浏览器所有的渲染模块、插件和JavaScript执行环境都在同一个线程中,其中一个执行较慢都会影响其他功能的正常运行;安全性: 插件通过C/C++代码编写可以获取到操作系统的权限,页面的JavaScript脚本代码也可以利用浏览器漏洞引发一些安全性问题;现代浏览器采用了多进程架构:浏览器主进程: 主要负

下面是常见的HTTP状态码：200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - 请求的资源（网页等）不存在 500 - 内部服务器错误HTTP状态码分类分类 分类描述 1** 信息，服务器收到请求，需要请求者继续执行操作 2** 成功，操作被成功接收并处理 3** 重定向，需要进一步的操作以完成请求 4** ...

网络连接按连接的时长分为：短连接 和 长链接。短连接：通过客户端与服务端握手，并且发送数据，服务端处理该部分数据后返回给客户端，断开连接。常见的短连接：ajax长链接：通过客户端与服务端握手，双方不再断开连接，数据可以互相传送。常见的长链接：webSocket长链接要注意几个问题（前后端均会遇到）：（1）、心跳测试客户端定期访问其保存在服务端的数据，服务端在每次客户端来访后更新数据，如果客户端超过指定的时间没有来更新状态，服务端会认为客户端已经宕机或者其状态异常。具体流程如下：

1、Trident内核：代表作品是IE，因IE捆绑在Windows中，所以占有极高的份额，又称为IE内核或MSHTML，此内核只能用于Windows平台，且不是开源的。2、Gecko内核：代表作品是Firefox，即火狐浏览器。因火狐是最多的用户，故常被称为firefox内核它是开源的，最大优势是跨平台，在Microsoft Windows、Linux、MacOs X等主 要操作系统中使用。3、Webkit内核：代表作品是Safari、曾经的Chrome，是开源的项目。4、Presto内核：代表

原文地址：https://www.cnblogs.com/flashsun/p/14266148.html你是一台电脑，你的名字叫 A很久很久之前，你不与任何其他电脑相连接，孤苦伶仃。直到有一天，你希望与另一台电脑 B 建立通信，于是你们各开了一个网口，用一根网线连接了起来。用一根网线连接起来怎么就能"通信"了呢？我可以给你讲 IO、讲中断、讲缓冲区，但这不是研究网络时该关心的问题。如果你纠结，要么去研究一下操作系统是如何处理网络 IO 的，要么去研究一下包是如何被网..

一、概述1、XSS跨站脚本攻击（Cross Site Scripting）缩写为CSS，但这会与层叠样式表（Cascading Style Sheets，CSS）的缩写混淆。因此，有人将跨站脚本攻击缩写为 XSS。XSS 是一种在 Web 应用中的计算机安全漏洞，它允许恶意的 web 用户将代码植入到提供给其他用户使用的页面中。能够被 XSS 攻击，需要满足以下两个条件：需要向web页面注入恶意代码； 这些恶意代码能够被浏览器成功执行。2、CSRF跨站请求伪造（CSRF）是一种.

MIME 类型又叫做 “媒体类型”。指的是：一种用来表示文档、文件或字节流的性质和格式的标准。MIME的组成结构：type/subtype。type是类型，subtype是子类型。它们中间用“/”分割。不允许空格存在。对大小写不敏感。常见的类型常见的 MIME 类型参考文档：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types...

参考文章：https://www.jb51.net/article/193516.htm前端开发者必备的nginx知识https://blog.csdn.net/William526/article/details/101621007https://www.cnblogs.com/lingyao/p/11201517.htmlNginx 安装配置–菜鸟教程Nginx 中文文档

目录1、为什么使用redis（一）性能（二）并发2、使用redis有什么缺点(一)缓存和数据库双写一致性问题(二)缓存雪崩问题(三)缓存击穿问题(四)缓存的并发竞争问题3、单线程的redis为什么这么快(一)纯内存操作(二)单线程操作，避免了频繁的上下文切换(三)采用了非阻塞I/O多路复用机制经营方式一经营方式二4、redis的数据类型，以及每种数据类型的使用场景(一)String(二)hash(三)list(四)set(五)sorted set5、redis的过期策略以及内存淘汰机制6、redis和数据库

计算机很久很久以前，有一台机器，体型巨大，每秒钟可以进行几千次的加法运算，名震一时，人类给它取了个名字：计算机。除了加法，它还能计算平方、立方、正弦、余弦，比人类的大脑算得快多了。许多程序慕名而来，想在它上面运行一下，体会这飞一般的感觉。“来来来，排好队，一个一个来”，计算机的管理员说到。众程序挨个排好队，等待管理员传唤。执行完一个，管理员再将其取出，换上下一个开始执行。久而久之，程序们纷纷抱怨：排队十分钟，执行三秒钟。人类管理员太慢了，时间都用在排队上了，能不能让计算机自动

目录1、字母键键码值2、数字键键码值3、功能键键码值4、符号键键码值5、控制键键码值6、多媒体键键码值1、字母键键码值按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 B 66 K 75 T 84 C 67 L 76 U 85 D 68 M 77 V 86 E 69 N .

一个 utf8 数字占 1 个字节一个 utf8 英文字母占 1 个字节少数是汉字每个占用 3 个字节，多数占用 4 个字节。