原文链接： http://www.cun-xu.cn/index.php/2018/12/26/浏览器缓存/ 今天我们来说一下浏览器缓存的问题，缓存可以减少网络IO的消耗，提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段。 关于缓存的头部字段包括： CACHE-CONTROL(缓存头) * 每个资源都可通过 cache-control HTTP标头定义其缓存策略 * cache-control 指令控制谁在什么条件下可以缓存响应以及可以缓存多少 可缓存性public ： 即使它有相关联的http身份验证，甚至响应状态代码通常无法缓存，也可以缓存响应。大多数情况下， public 不是必需的，因为明确的缓存信息(例如 max-age )已表示响应是可以缓存的。 private ： 浏览器可以缓存 private 响应。不过，这些响应通常只为单个用户缓存，因此不允许任何中间缓存对其进行缓存。例如，用户的浏览器可以缓存包含私人信息的HTML网页，但CDN却不能进行缓存。

这几天一直在看关于HTTP和前端性能优化相关的内容，今天先写一篇关于HTTP的文章，如果时间允许的话再接着把前端性能优化的写完。毕竟还要留着时间去看小片嘛😌 接下来就是正文啦！ 浏览器输入URL后HTTP请求返回的完整过程 就是下图这个啦(这个可是我从某课网偷来的)ＵＲＬ输入到请求返回 [https://upload-images.jianshu.io/upload_images/8336115-1b9897cabaa1797b.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240] 从输入地址到页面渲染 从输入地址到页面渲染 [https://upload-images.jianshu.io/upload_images/8336115-42eab94408a5d660.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240] 在HTTP的五层分层中： * 应用层为应用软件提供了很多服务，构建于TCP协议之上，屏蔽网络传输相关细节

微服务架构的服务发现机制 分布式微服务系统架构其最大一个特性即分布式，所以如何知道每个独立的微服务的服务器地址、端口、以及其他相关信息呢？同时，相对于传统分布式系统的部署：相关独立业务逻辑系统的部署都是在固定并且已知的位置（服务器地址与端口），现代分布式微服务的应用程序通常部署在虚拟化或者容器化环境当中。在这样的前提下，每个独立微服务的实例数量以及其位置都是动态变化的。所以服务发现机制在一套分布式微服务系统架构中显得尤为重要。 常用的服务发现机制分为两种： 客户端服务发现 与 服务端服务发现 。 简而言之客户端服务发现即由客户端负责决定可用的服务实例的"位置"以及与其相关的负载均衡策略。 无论使用客户端服务发现或者服务端服务发现都需要拥有一个服务注册中心， 客户端对微服务的"位置"的获取就是通过与服务注册中心

微服务架构简介 微服务架构（MSA）的起源应该要追溯到国外著名架构师Martinfowler于2014年编写的一篇博文中，其中阐述了微服务架构的整体设想。他用这样一句话概述了对微服务架构的评价："今天在软件架构方面，除了微服务这个名称没有什么新的了"。 微服务架构是一种服务化架构风格，通过将功能分散到各个离散的服务中以实现对解决方案的解耦。随着业务系统的需求不断的扩大，SOA架构下的ESB变得越来越来庞大，而且大型互联网公司对开发、测试、部署的流程的效率的追求不断提高，微服务架构也就应运而生了。为了让系统能够尽可能快的相应各种需求和外界因素的变化，需要软件开发的系统流程和实践层面上提出可行的方案，分布式微服务架构就是在这个基础上，于软件技术和架构层面衍生而来的应对之道。 微服务架构诞生的必然性 为了最大限度复用已有资产，保护IT资产的投资，大多数异构系统并没有使用统一服务化框架进行深入改造。通过将业务接口发布成标准的Web服务（例如SOAP），利用XML序列化格式进行数据交换。部分遗留系统由于技术等原因无法改造，直接通过企业服务总线（ESB）进行异构协议的转换、Data

经常看到有类似 i@andy.com 这样的邮箱。 简单好记，这是怎么做的呢？今天我们就来简单讲解一下。 原理 我们以 andy@qq.com 向 harry@163.com 为例： andy@qq.com 的邮件客户端程序（比如 Outlook Express）与 qq 的 SMTP 服务器建立网络连接，并以 andy 的用户名和密码进行登录后，使用 SMTP 协议把邮件发送给 qq 的 SMTP 服务器。 qq 的 SMTP 服务器收到 andy@qq.com 提交的电子邮件后向DNS服务器查询收件人的邮件地址后缀（163.com）所表示的域名的 MX 记录，从而得到 163 的 SMTP 服务器信息，然后与 163 的 SMTP 服务器建立连接并采用 SMTP 协议把邮件发送给 163 的SMTP服务器。

WebSocket是为解决客户端与服务端实时通信而产生的技术。websocket协议本质上是一个基于tcp的协议，是先通过HTTP/HTTPS协议发起一条特殊的http请求进行握手后创建一个用于交换数据的TCP连接，此后服务端与客户端通过此TCP连接进行实时通信。 发送数据 WebSocket中所有发送的数据使用帧的形式发送。客户端发送的数据帧都要经过掩码处理，服务端发送的所有数据帧都不能经过掩码处理。否则对方需要发送关闭帧。 FIN ：标识是否为此消息的最后一个数据包，占 1 bit RSV1, RSV2, RSV3 : 用于扩展协议，一般为0，各占1bit Opcode ：数据包类型（frame type），占4bits 0x0：标识一个中间数据包 0x1：标识一个text类型数据包 0x2：标识一个binary类型数据包 0x3-7：保留 0x8：标识一个断开连接类型数据包 0x9：标识一个ping类型数据包 0xA：表示一个pong类型数据包

1.使用WEBSOCKET 场景 websocket作为用于双向通信的实用协议，在笔者最近做的全平台私信系统进行了应用。本次开发的私信系统与普遍理解的“发送-接受-发送”三个流程分开不一样，实现的是类似于QQ与微信的实时通信系统，需要做到收发消息实时化。 进行通信协议选定的时候，不能由服务器主动联系客户端，又因为每次通信都需要经过握手请求、响应步骤进行连接重建的http协议只能通过轮询进行伪双向通信，所以http协议首先被我们排除了，在HTML5下的协议websocket映入了我们的眼帘。 2.WEBSOCKET 机制 首先要明确的一点是，支持websocket协议的客户端和服务器能够使用websocket协议进行双向通信，也就是客户端可以随时向服务器发送请求，服务器也能够随时向客户端发送请求。 跟http使用轮询实现不一样的是websocket一次连接成功后则可以重复进行请求和响应，更好地节省了服务器的资源与带宽。

本文只讨论应用于浏览器环境的流媒体协议的加密 为什么要加密视频 付费观看视频的模式是很多平台的核心业务，如果视频被录制并非法传播，付费业务将受到严重威胁。因此对视频服务进行加密的技术变得尤为重要。 本文所指的视频加密是为了让要保护的视频不能轻易被下载，即使下载到了也是加密后的内容，其它人解开加密后的内容需要付出非常大的代价。 无法做到严格的让要保护的视频不被录制，原因在于你需要在客户端播放出视频的原内容，解密的流程在客户端的话不法分子就能模拟整个流程，最保守也能用屏幕录制软件录制到视频的原内容(可以通过加水印的方法缓解下)。我们的目标是让他获取原内容的代价更大。 Sponsor [https://app.codesponsor.io/embed/3bvxELAxnq8r4wheFyRkED8U/gwuhaolin/blog.svg] [https://app.codesponsor.io/link/3bvxELAxnq8r4wheFyRkED8U/gwuhaolin/blog] 常见视频加密技术 视频加密技术分为两种： 1.

接触了一段时间的flash直播，无论是腾讯课堂‘数据生成模式’实现的直播还是第三方直播任务tcplayer通过拉流地址实现的直播，都存在一定的延时和首帧慢的情况。为了能更好的做好音视频监控和问题定位，便想自己实现一套flash直播简单的demo，在通过改变上行的带宽，码率，帧率，gop大小等信息来观察延时和首帧的情况。 实现flash直播需要三个重要的类，netconnection，netstream和video。 NetConnection 类在客户端和服务器之间创建双向连接。客户端可以是 Flash Player 或 AIR 应用程序。服务器可以是 Web 服务器、Flash Media Server、运行 Flash Remoting 的应用程序服务器或 Adobe Stratus服务。调用 NetConnection.connect() 以建立连接。使用 NetStream 通过该连接发送媒体流和数据 调用 NetConnection.connect() 会执行下列操作： • 传递“null”会从本地文件系统或 Web 服务器播放视频和 MP3 文件。

graphql

引言 稍微了解HTTP协议的前端同学，相比对 Cache-Control 不会感到陌生，性能优化时经常都会跟它打交道。 常见的值有有 private 、 public 、 no-store 、 no-cache 、 must-revalidate 、 max-age 等。 各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣的可以一起探讨交流。 本文仅挑 no-cache 、 must-revalidate 这两个进行值进行探究对比。在项目实践中，这两个值用的比较多，也比较容易搞混。 Cache-Control: no-cache Cache-Control: max-age=60, must-revalidate 传送门： RFC2616关于Cache-Control首部的介绍 [https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9] 。 如果对论证过程不感兴趣，也可以直接跳到“对比结论”小节查看结论。 NO-CACHE、MUST-REVALIDATE简介