一、Http客户端

1、浏览器。打开百度首页

2、Curl工具

二、CORS 跨域（浏览器的功能）

1、修改Server.js

const http = require('http');

const fs = require('fs')

http.createServer(function(request, response){

    console.log('request com', request.url)

    const html = fs.readFileSync('test.html','utf8')

    response.writeHead(200,{

        'Content-Type':'text/html'

    })

    response.end(html)

}).listen(8888);

console.log('server listening on 8888')

　　读取test.html 文件的内容

2、test.html

<html>

    <head>

        <title>Document</title>

    </head>

    <body>

    </body>

    <script>

        var xhr = new XMLHttpRequest();

        xhr.open('GET','http://127.0.0.1:8887')

        xhr.send();

    </script>

</html>

　　里面访问服务http://127.0.0.1:8887

3、Server2.js(8887端口）

const http = require('http');

http.createServer(function(request, response){

    console.log('request com', request.url)

    response.end('123')

}).listen(8887);

console.log('server listening on 8887')

　　

这样访问http://localhost:8888/ 就好出现跨域问题。

4、增加跨域处理

这样就OK了。

浏览器对标签，如srcirpt标签的src属性，link标签，img标签等，允许跨域功能。而Jsonp就是根据这个原来实现的

三、缓存头 Cache-Control

1、可缓存性

public Http 请过的任何地方都可以缓存

private ：只有发起请求的浏览器可以缓存

no-cache： 任何一个节点都不能缓存

2、到期： max-age=<seconds> :  单位秒

s-maxage=<seconds> : 代替max-age，只在代理服务器里面才生效

max-stale=<seconds> 发起请求的一方主动带的头，即便max-age设置的实际过期，只要在max-stale时间内，任然可以使用max-age过期的缓存。

3、重新验证

must-revalidate: max-age过期后，重新向原服务端发送请求，然后重新获取这部分数据，再来验证内容是否真的过期了。

proxy-revalidate: 用在缓存服务器中，指定缓存服务器过期，必须从原服务器请求一遍。

4、其他

no-store: 本地和代理服务器都不可以存缓存。

no-cache:  可以在本地进行缓存，可以在proxy服务器缓存，每次发起请求都要到服务器那里验证下，如果服务器告诉你可以使用本地的缓存，才可以使用本地的缓存。

no-transform: 主要用于proxy服务器中，有些proxy服务器把过大的数据进行压缩。 而设置了no-transform,则不允许proxy服务器对数据进行改动。

5、max-age实践

1) server.js

设置Cache-Control': 'max-age=20' 过期时间20秒

const http = require('http');

const fs = require('fs')

http.createServer(function(request, response){

    console.log('request com', request.url)

    if(request.url === "/"){

        const html = fs.readFileSync('test.html','utf8')

        response.writeHead(200,{

            'Content-Type':'text/html'

        })

        response.end(html)

    }

    if(request.url === "/script.js"){

        console.log("hi");

        response.writeHead(200,{

            'Content-Type':'txt/javascript',

            'Cache-Control': 'max-age=20'

        })

        response.end('console.log("script load")');

    }

}).listen(8888);

console.log('server listening on 8888')

　　

2)test.html

<html>

    <head>

        <title>Document2</title>

    </head>

    <body>

    </body>

    <script src="/script.js"></script>

</html>

　　

3、启动>node server.js， 并访问http://localhost:8888/

HTTP各种特性的更多相关文章

  1. Fis3的前端工程化之路[三大特性篇之声明依赖]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  2. Fis3的前端工程化之路[三大特性篇之资源定位]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  3. Fis3的前端工程化之路[三大特性篇之内容嵌入]

    Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...

  4. .NET 4.6.2正式发布带来众多特性

    虽然大多数人的注意力都集中在.NET Core上,但与原来的.NET Framework相关的工作还在继续..NET Framework 4.6.2正式版已于近日发布,其重点是安全和WinForms/ ...

  5. SQL Server 2014 新特性——内存数据库

    SQL Server 2014 新特性——内存数据库 目录 SQL Server 2014 新特性——内存数据库 简介: 设计目的和原因: 专业名词 In-Memory OLTP不同之处 内存优化表 ...

  6. 探索ASP.NET MVC5系列之~~~4.模型篇---包含模型常用特性和过度提交防御

    其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...

  7. InnoDB关键特性学习笔记

    插入缓存 Insert Buffer Insert Buffer是InnoDB存储引擎关键特性中最令人激动与兴奋的一个功能.不过这个名字可能会让人认为插入缓冲是缓冲池中的一个组成部分.其实不然,Inn ...

  8. ElasticSearch 5学习(10)——结构化查询（包括新特性）

    之前我们所有的查询都属于命令行查询,但是不利于复杂的查询,而且一般在项目开发中不使用命令行查询方式,只有在调试测试时使用简单命令行查询,但是,如果想要善用搜索,我们必须使用请求体查询(request ...

  9. HTML5新特性有哪些，你都知道吗

    一.画布(Canvas) 画布是网页中的一块区域,可所以用JavaScript在上面绘图.下面我们来创建一个画布并在上面绘制一个坦克(后面将用HTML5做一个坦克大战游戏),代码如下: <!DO ...

  10. C++11特性——变量部分（using类型别名、constexpr常量表达式、auto类型推断、nullptr空指针等）

    #include <iostream> using namespace std; int main() { using cullptr = const unsigned long long ...

随机推荐

  1. Hive和HBase区别

    1. 两者分别是什么? Apache Hive是一个构建在Hadoop基础设施之上的数据仓库.通过Hive可以使用HQL语言查询存放在HDFS上的数据.HQL是一种类SQL语言,这种语言最终被转化为M ...

  2. jstack生成的Thread Dump日志线程 分析

    文章转载自: https://www.javatang.com/archives/2017/10/25/36441958.html 前面文章中只分析了Thread Dump日志文件的结构,今天针对日志 ...

  3. js 字符串跟数组的相互转化

    一:字符串转化为数组 例子: var str = "3:2;2:1"; 要变成 arr= [{ a:"3", b:"2", bol:fals ...

  4. 广工十四届校赛 count 矩阵快速幂

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6470 题意:求,直接矩阵快速幂得f(n)即可 构造矩阵如下: n^3是肯定得变换的,用二项式展开来一点 ...

  5. Java中使用HTTP阻塞式调用服务器API

    应用场景:前端页面点击刷新,调用服务器A上Java接口,然后A调用服务器B的后台Python接口实时刷新后台数据库. 在这个场景中会涉及到两个问题:异步,Python服务器压力 (一)解决Python ...

  6. Attempting to use uninitialized value

    ckpt = tf.train.get_checkpoint_state(FLAGS.model) if ckpt: saver.restore(sess, tf.train.latest_check ...

  7. spring基础知识，未完待续

    https://blog.csdn.net/slow_wakler/article/details/54895508   http://www.runoob.com/design-pattern/ch ...

  8. 蓝桥杯 每周一练 第一周（3n+1问题）

    [问题描述] 考虑如下的序列生成算法:从整数 n 开始,如果 n 是偶数,把它除以 2:如果 n 是奇数,把它乘 3 加1. 用新得到的值重复上述步骤,直到 n = 1 时停止.例如,n = 22 时 ...

  9. 为Linux技术学习推荐看的书籍—《Linux就该这么学》

    成长,是一种经历:经历,是一种人生的体验.人生的意义不在于我们拥有了什么,而在于从中我们体悟了什么.在这短短的三年,却在我的人生中弥足珍贵,在脑海中记忆犹新,在这大学三年里,我从一个莽撞少年成长为一名 ...

  10. .net反编译的九款神器

    本人搜集了下8款非常不错的.Net反编译利器: 1.Reflector Reflector是最为流行的.Net反编译工具.Reflector是由微软员工Lutz Roeder编写的免费程序.Refle ...