浏览器缓存

Nginx入门到实战 - 基础篇 一、环境 服务器版本：CentOS 7.2 为了保证学习阶段不遇到奇怪的事情，请保证以下四点（大神选择性无视） 确认系统网络 确认yum可用 确认关闭iptables 确认停用selinux #查看iptables状态systemctl status firewalld.service#关闭防火墙（临时关闭）systemctl stop firewalld.service#查看SELinux状态getenforce#临时关闭SELinuxsetenforce 0 安装一些系统基本工具，正常情况系统都会自带(没有在装哦) yum -y install gcc gcc-c++ autoconf pcre pcre-devel make automakeyum -y install wget httpd-tools vim 二、Nginx是什么？ Nginx是一个开源且高性能、可靠的HTTP中间件、代理服务 其他的HTTP服务： HTTPD-Apache基金会 IIS-微软 GWS-Google(不对外开放) 近几年，Nginx的市场占有率越来越高，一度飙升，为什么呢？接下来我们就知道了！ 三、我们为什么选择Nginx？ 1. IO多路复用epoll（IO复用） 如何理解呢？举个例子吧！ 有A、B、C三个老师，他们都遇到一个难题

XCACHE XCache 是一个开源的 opcode 缓存器/优化器, 这意味着他能够提高您服务器上的 PHP 性能. 他通过把编译 PHP 后的数据缓冲到共享内存从而避免重复的编译过程, 能够直接使用缓冲区已编译的代码从而提高速度. 通常能够提高您的页面生成速率 2 到5 倍, 降低服务器负载. XCache 是一个又快又稳定的 PHP opcode 缓存器. 经过良好的测试并在大流量/高负载的生产机器上稳定运行. 经过(在 linux 上)测试并支持所有现行 PHP 分支的最新发布版本, 如 PHP_4_3 PHP_4_4 PHP_5_0 PHP_5_1 PHP_5_2 HEAD(6.x), 并支持线程安全/Windows. 与同类 opcode 缓存器相比更胜一筹, 比如能够快速跟进 PHP 版本. XCache 工程由 mOo 领队, 他也是 Lighttpd 的开发成员之一. Lighttpd 是最快的 Web 服务器应用程序之一, 并且超越 Apache 以及许多其他 Web 服务器. XCache 努力达到类似的效果. XCache 的INI配置详解 载入 XCache 模块 引用 ;; 安装成 zend extension (推荐), 路径一般是 “$extension_dir/xcache.so” zend_extension = /usr/local/lib

协议是什么 在接口测试中。客户端发送的request至服务端反馈的response中传输的数据就是接口测试最重要的部分 Cache是什么 打开浏览器或者应用的实话，用户的等待时间叫做响应时间，打开速度影响到用户体验，提高反应速度的一个方法就是使用缓存策略，缓存策略能带来什么好处呢？ 1.减少延迟：因为网页请求指向的是更接近的客户端缓存，而不是资源服务器，所以花费的时间更短，提高用户体验 2.降低网络负荷：因为缓存可以重复使用，节省带宽，降低网络负荷，也就可以更加节省用户的流量 缓存一般分为以下几种： 1.浏览器缓存　　　　（缓存在本地） 2.代理缓存　　　　　（缓存在网络路由，也就是共享缓存） 3.网关缓存　　　　　 (缓存在CDN) 缓存策略一般分两种情况： 1.强缓存　　　　(直接在本地缓存中读取资源) 2.协商缓存　　 (通过服务器告知是否能用本地缓存，先和服务器协商，如果可以，就从本地缓存中读取。如果不可以，就返回最新的资源) Cookie Cookie的内容是保存一小段文本信息。组成一个通行证，用来处理客户端无状态协议的一种解决方案 Cookie使用原理如下： 1.用户会提供信息提交服务器 2.服务端向客户端回传相应数据的同时，也会发回Cookie 3.客户端接收到服务器相应后，浏览器将Cookie保存在同一个位置 4.客户端向服务端发送请求的实话

本文的目的是搜集当前主流的 meta 配置，方便开发者快速开发调试。在这里不会做各种 meta 的深入分析，只是简单的介绍，让大家知道有这个东西。 meta简述 meta 用于描述 HTML 文档的元数据。通常用于指定网页的描述，关键词，作者及其他元数据。 元数据可以被使用浏览器（如何显示内容或加载页面），搜索引擎（关键词），或其他 Web 服务调用。 meta 从一定程度上影响 seo 。 meta支持哪些属性 属性 值 描述 charset character_set 定义文档的字符编码。 content text 定义与 http-equiv 或 name 属性相关的元信息。 http-equiv content-type default-style refresh 把 content 属性关联到 HTTP 头部。 name application-name author description generator keywords 把 content 属性关联到一个名称。 scheme format/URI HTML5不支持。 定义用于翻译 content 属性值的格式。 http-equiv meta 标签上的 http-equiv 属性与 http 头部信息相关，而且是响应头，因为 html 本质上是通过服务器响应得到的。 http-equiv 用于伪装 HTTP

我们web开发中缓存机制的种类 1.数据库缓存 我们可能听说过memcached，它就是一种数据库层面的缓存方案。数据库缓存是指，当web应用的关系比较复杂，数据库中的表很多的时候，如果频繁进行 数据库查询，很容易导致数据库不堪重荷。为了提供查询的性能，将查询后的数据放到内存中进行缓存，下次查询时，直接从内存缓存直接返回，提供响应效率。 2.CDN缓存 CDN缓存一般是由网站管理员自己部署，为了让他们的网站更容易扩展并获得更好的性能。通常情况下，浏览器先向CDN网关发起Web请求，网关服务器后面 对应着一台或多台负载均衡源服务器，会根据它们的负载请求，动态将请求转发到合适的源服务器上。从浏览器角度来看，整个CDN就是一个源服务器，从这个层 面来说，浏览器和服务器之间的缓存机制，在这种架构下同样适用。 3.代理服务器缓存 代理服务器是浏览器和源服务器之间的中间服务器，浏览器先向这个中间服务器发起Web请求，经过处理后（比如权限验证，缓存匹配等），再将请求转发到源服务器。代理服务器缓存的运作原理跟浏览器的运作原理差不多，只是规模更大。 4.浏览器缓存 每个浏览器都实现了 HTTP 缓存，我们通过浏览器使用HTTP协议与服务器交互的时候，浏览器就会根据一套与服务器约定的规则进行缓存工作。 5.应用层缓存 应用层缓存是指我们在代码层面上做的缓存。通过代码逻辑，把曾经请求过的数据或资源等

相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂（部分代码省略） //通过点击就可以实现两个组件来回切换 <button @click="changeView">切换view</button> <component :is="currentView"></component> import pageA from "@/views/pageA"; import pageB from "@/views/pageB"; computed: { currentView(){ return this.viewList[this.index]; } }, methods: { changeView() { this.index=(++this.index)%2 } } web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法 （详细的前端项目实战教学视频，PDF） 注：这个多用于单页下的几个子模块使用，一般切换比较多使用下面的路由 使用路由（这个就是配置路由的问题了，不作赘述） 2.动态生成tab 一般UI框架给我们的tab切换都像是上面的那种，需要自己写入几个tab页之类的配置

文章原创于公众号：程序猿周先森。本平台不定时更新，喜欢我的文章，欢迎关注我的微信公众号。 最近一直在更新关于Nginx的系列文章，终于将Nginx的几个关键知识点讲的差不多了。本篇作为Nginx系列的结尾篇幅，主要是列举一些面试时经常问到的Nginx知识点。其实Nginx适合提问的面试点并不多，问来问去基本都是类似的问题。接下来我们一起来看看Nginx基本的面试题。 Nginx的作用 这个问题是入门级知识点，讨论Nginx的用处。我觉得只要几个重要的点都回答到位就可以了，可以考虑这样的一个回答：Nginx是一个高性能web服务器和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。不仅可以实现负载均衡，还可以做接口限流，缓存等功能。 使用Nginx的优势点 Nginx由于使用了epoll和kqueue网路I/O模型，在实际生产环境能够支撑3万左右并发连接。 Nginx内存消耗低。 Nginx跨平台，而且配置相对来说难度较低。 Nginx内置健康检查功能，如果负载均衡其中一个服务器宕机了，则接受到的请求会发送给其他服务器去处理。 支持Gzip压缩，可以添加浏览器本地缓存的Header头。 Nginx支持热部署，可以在不间断服务的情况下平滑进行配置的更改。 Nginx异步接收用户请求，减轻了Web服务器的压力。 Nginx如何实现高并发

文章原创于公众号：程序猿周先森。本平台不定时更新，喜欢我的文章，欢迎关注我的微信公众号。 最近一直在更新关于Nginx的系列文章，终于将Nginx的几个关键知识点讲的差不多了。本篇作为Nginx系列的结尾篇幅，主要是列举一些面试时经常问到的Nginx知识点。其实Nginx适合提问的面试点并不多，问来问去基本都是类似的问题。接下来我们一起来看看Nginx基本的面试题。 Nginx的作用 这个问题是入门级知识点，讨论Nginx的用处。我觉得只要几个重要的点都回答到位就可以了，可以考虑这样的一个回答：Nginx是一个高性能web服务器和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。不仅可以实现负载均衡，还可以做接口限流，缓存等功能。 使用Nginx的优势点 Nginx由于使用了epoll和kqueue网路I/O模型，在实际生产环境能够支撑3万左右并发连接。 Nginx内存消耗低。 Nginx跨平台，而且配置相对来说难度较低。 Nginx内置健康检查功能，如果负载均衡其中一个服务器宕机了，则接受到的请求会发送给其他服务器去处理。 支持Gzip压缩，可以添加浏览器本地缓存的Header头。 Nginx支持热部署，可以在不间断服务的情况下平滑进行配置的更改。 Nginx异步接收用户请求，减轻了Web服务器的压力。 Nginx如何实现高并发

一、什么是 FastCG I FastCGI是一个可伸缩地、高速地在HTTP server和动态脚本语言间通信的接口。多数流行的HTTP server都支持FastCGI，包括Apache、Nginx和lighttpd等，同时，FastCGI也被许多脚本语言所支持，其中就有PHP。 FastCGI是从CGI发展改进而来的。传统CGI接口方式的主要缺点是性能很差，因为每次HTTP服务器遇到动态程序时都需要重新启动脚本解析器来执行解析，然后结果被返回给HTTP服务器。这在处理高并发访问时，几乎是不可用的。另外传统的CGI接口方式安全性也很差，现在已经很少被使用了。 FastCGI接口方式采用C/S结构，可以将HTTP服务器和脚本解析服务器分开，同时在脚本解析服务器上启动一个或者多个脚本解析守护进程。当HTTP服务器每次遇到动态程序时，可以将其直接交付给FastCGI进程来执行，然后将得到的结果返回给浏览器。这种方式可以让HTTP服务器专一地处理静态请求或者将动态脚本服务器的结果返回给客户端，这在很大程度上提高了整个应用系统的性能。 二、Nginx+FastCGI 运行原理 Nginx不支持对外部程序的直接调用或者解析，所有的外部程序（包括PHP）必须通过FastCGI接口来调用。FastCGI接口在Linux下是socket，（这个socket可以是文件socket，也可以是ip

转自 konglingbin HTTP状态码详解 ： https://www.cnblogs.com/klb561/p/9205867.html HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的 ，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。所有状态码的第一个数字代表了响应 的五种状态之一。 我们经常使用浏览器发出http请求，那么对于请求返回的状态，对于开发人员来讲，我们必须要明白其所代表的含义，如： 常见状态吗：400（请求无效），401（需要权限），500（服务器错误）， 2、具体含义 1xx 消息 这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并 以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发 送 1xx 响应。 100 　　客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应 当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应 。 101 　　服务器已经理解了客户端的请求