http权威指南笔记

   uri(统一资源标识符) url(统一资源定位符) urn(统一资源名)

       uri在世界范围内唯一标识并定位信息资源,uri包括url和urn两种形式(大部分uri都是url)。

       url描述了某台服务器上某资源的特定位置。url实例 http://www.test.com/test.jpg。url有三个部分组成,第一部分称为方案(scheme),说明了访问资源所使用的协类型;第二部分给出了服务器的因特网地址(如www.test.com);第三部分指定了服务器上的某个资源(如test.jpg)。

       urn是作为特定内容的唯一名称使用的,与目前的资源所在地无关,通过urn可以用同一个名字通过多种网络访问协议来访问资源。

 

       url的语法。

      

       符号@只是一个分隔符。

 

       url片段。url片段表示网页中的一个位置,以#开头然后是标识符,如#test,可以用<a name="test"></a>或<div id="test"></div>标志一个位置,当点击一个具有特定片段的连接时,浏览器会自动使具有相应标记的内容显示在当前可见区域。浏览器不会将片段传至服务器。可参考http://www.cnblogs.com/BeyondTechnology/archive/2011/03/27/1997172.html

 

      相对url。相对url要有一个基础url作为参考点,可以是封装资源的基础url(即浏览器地址栏中的url)也可以用base标签在资源中显示提供。

      <html>
            <head>
                  <base href="http://www.w3school.com.cn/i/" />
                  <base target="_blank" />
           </head>
           <body>
                       <img src="eg_smile.gif" />
           </body>

      </html>(来自w3school)

 

       url编码。进行url编码有两个比较重要的原因,一是查询字符串中的value值包含url中的一些保留字如&、=;二是当传输一些US-ASCII字符集之外的字符时,如果服务器不支持此字符集的话就会出现乱码。

       url编码的几种情况(参考(http://www.cnblogs.com/wgw8299/archive/2011/02/04/1949148.html))

       1.网址路径中包含汉字

       url编码与浏览器的设置有关。工具--》Internet选项--》高级选项卡勾选utf-8,打开http://zh.wikipedia.org/wiki/春节,通过fiddler工具可以看到GET /wiki/%E6%98%A5%E8%8A%82 HTTP/1.1(此为“春节”的utf-8的16进制编码),如果去掉utf-8选项则为GET /wiki/%B4%BA%BD%DA HTTP/1.1(此为“春节”的GB2312的16进制编码)(用IE8测试的)。

        

        string data = "春节";
        byte[] encData_byte = new byte[data.Length];
        //encData_byte = Encoding.GetEncoding("GB2312").GetBytes(data);
        encData_byte = Encoding.GetEncoding("utf-8").GetBytes(data);
        StringBuilder sb = new StringBuilder();
        for (int i = 0; i < encData_byte.Length; i++)
        {

            sb.Append("%");
            sb.Append(Convert.ToString(encData_byte[i], 16));

        }
        Response.Write(sb.ToString());

   http事务,http报文

        一个http事务由一条(从客户端发往服务器)请求命令和一个(从服务器发回客户端的)响应结果组成。web页面中可以包含多个对象,应用程序完成一项任务时通常会发布多个http事务。

      

        http报文的组成

            

     http报文分为请求报文和响应报文两类。请求报文的起始行指明了请求方法、资源路径、协议及版本,响应报文的起始行说明了协议及版本、状态码、原因短语。

   

    请求报文起始行

   

    响应报文起始行。

 

        一些常用的请求方法

   

        状态码分类

   

    

         http首部的分类

   

      几个首部的说明(参考 http://kb.cnblogs.com/page/130970/)。

       

首部

取值

说明

Cache-Control

NoCache

缓存可以存在客户端,但是在与服务器进行再验证之前

不能直接使用

Cache-Control

Private(默认值)

缓存在客户端

Cache-Control

Public

可以缓存在任何地方

Cache-Control

Server

缓存在服务器

测试

Page_Load事件添加代码

Label1.Text=DateTime.Now.ToString();

Response.Expires = 1; //缓存1分钟

Response.Cache.SetCacheability(HttpCacheability.Private);

在浏览器中查看该页,页面显示出当前时间,接着地址栏敲回车还是显示当前时间,一分钟以后再敲回车,时间就刷新了。

如果把Private改为NoCache,在地址栏敲回车时间立即就会刷新。(如果点刷新按钮,缓存没过期也会向服务器重新请求)

如果把Private改为Public或Server,再添加代码

Response.Cache.SetValidUntilExpires(true);

在过期之前点击刷新按钮时间也不会刷新了。

Cache-Control

max-age=1000

从第一次生成文档到文档不再新鲜经历的

时间(以秒为单位是个相对时间)

Expires

Wed, 23 Oct 2013 03:27:12 GMT

文档的绝对过期时间(依赖于计算机时钟

的正确设置)

Etag

1CECF9D16396B80

标记文件版本,与If-None-Match配合使用

If-None-Match

1CECF9D16396B80

当浏览器收到一个Etag响应头时,用户刷新时

浏览器会向服务器发送一个具有该Etag

If-None-Match头。

测试

Global.aspx文件中加入代码

 if (Request.CurrentExecutionFilePathExtension == ".js")

 {

            Response.Cache.SetMaxAge(TimeSpan.FromMinutes(1));

            Response.Cache.SetValidUntilExpires(true);

  }

 当过期之前点击刷新按钮,对js文件的请求,服务器会发送 304 Not MoModified

   

 

     说明:一些内容来自http权威指南。

                       

    
 

资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化和响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”和“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距和填充,对 html 和 body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值