精华内容
下载资源
问答
  • react-spinkit, 一组加载在CSS中以响应响应的加载指示响应 spinkit一组加载在CSS中以响应响应的加载指示器目前我已经从 Spinkit 所有的Spinner 动画。 如果你有其他喜欢的css Spinner,请打开。安装$ npm install...
  • CSS响应式步骤进度指示器效果

    千次阅读 2018-03-10 16:27:34
    Default.html<!DOCTYPE html> 响应式步骤进度指示器 <meta name="descri

    Default.html

    <!DOCTYPE html>
    <html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>响应式步骤进度指示器</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    
        <link rel="stylesheet" href="style/ProgressIndicator.css" type="text/css" media="screen">
        <style type="text/css">
            .holder {
                margin: 5em 0;
            }
        </style>
    
    
    </head>
    <body>
        <h1>响应式步骤进度指示器</h1>
    
        <div>我们将其构建为一个很好的响应式步骤进度指示器.</div>
    
        <h2>简单</h2>
        <div class="holder">
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class=""><span>步骤 3</span></li>
                <li class=""><span>步骤 4</span></li>
                <li class=""><span>步骤 5</span></li>
            </ul>
        </div>
    
        <h2>关注当前步骤</h2>
        <div class="holder">
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class="complete boxed"><span>步骤 3</span></li>
                <li class=""><span>步骤 4</span></li>
            </ul>
        </div>
    
        <div class="holder">
            <h2>所有步骤</h2>
            <ul class="SteppedProgress">
                <li class="complete boxed"><span>步骤 1</span></li>
                <li class="complete boxed"><span>步骤 2</span></li>
                <li class="complete current"><span>步骤 3</span></li>
                <li class="boxed"><span>步骤 4</span></li>
                <li class="boxed"><span>步骤 5</span></li>
                <li class="boxed"><span>步骤 6</span></li>
            </ul>
        </div>
    
        <div class="holder">
            <h2>设置1到6个选项</h2>
            <ul class="SteppedProgress">
                <li><span>步骤 1</span></li>
            </ul>
    
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
            </ul>
    
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class=""><span>步骤 2</span></li>
                <li class=""><span>步骤 3</span></li>
            </ul>
    
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class=""><span>步骤 3</span></li>
                <li class=""><span>步骤 4</span></li>
            </ul>
    
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class=""><span>步骤 3</span></li>
                <li class=""><span>步骤 4</span></li>
                <li class=""><span>步骤 5</span></li>
            </ul>
    
            <ul class="SteppedProgress">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class="complete"><span>步骤 3</span></li>
                <li class="complete"><span>步骤 4</span></li>
                <li class="complete"><span>步骤 5</span></li>
                <li class=""><span>步骤 6</span></li>
            </ul>
        </div>
    
    
        <div class="holder">
            <h2>垂直设置</h2>
            <ul class="SteppedProgress Vertical">
                <li class="complete"><span>步骤 1</span></li>
                <li class="complete"><span>步骤 2</span></li>
                <li class="complete"><span>步骤 3</span></li>
                <li class="complete"><span>步骤 4</span></li>
                <li class="complete"><span>步骤 5</span></li>
                <li class=""><span>步骤 6</span></li>
            </ul>
    
    
            <ul class="SteppedProgress Vertical">
                <li class="complete boxed"><span>步骤 1</span></li>
                <li class="complete boxed"><span>步骤 2</span></li>
                <li class="complete boxed"><span>步骤 3</span></li>
                <li class="complete boxed"><span>步骤 4</span></li>
                <li class="complete current"><span>步骤 5</span></li>
                <li class="boxed"><span>步骤 6</span></li>
            </ul>
        </div>
    </body>
    </html>
    

    ProgressIndicator.css

    ul.SteppedProgress {
        counter-reset: step;
        display: flex;
        margin: auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 1;
    }
    
    .SteppedProgress li {
        list-style-type: none;
        color: #404140;
        line-height: normal;
        text-transform: uppercase;
        flex: 1;
        font-size: 22px;
        position: relative;
        padding: 0 2%;
    }
    
        .SteppedProgress li.boxed span, .SteppedProgress li.current span {
            background: silver;
            border: 1px solid silver;
            color: gray;
            display: inline-block;
            padding: 3px 6px;
            position: relative;
            margin: 0px -6px;
            width: 100%;
        }
    
            .SteppedProgress li.boxed span:after, .SteppedProgress li.current span:after {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(255,255,255,0);
                border-bottom-color: silver;
                border-width: 10px;
                margin-left: -10px;
            }
    
        .SteppedProgress li.current span {
            background: #4170b0;
            color: #FFF;
        }
    
            .SteppedProgress li.current span:after {
                border-bottom-color: #4170b0;
            }
    
        .SteppedProgress li.current.canHover span:hover {
            background: #b9cce5;
            border-color: #4170b0;
            color: #4170b0;
        }
    
            .SteppedProgress li.current.canHover span:hover:after {
                border-bottom-color: #b9cce5;
            }
    
        .SteppedProgress li.complete.boxed span {
            background: #23b900;
            color: #FFF;
        }
    
            .SteppedProgress li.complete.boxed span:after {
                border-bottom-color: #23b900;
            }
    
        .SteppedProgress li.complete.boxed.canHover span:hover {
            background: #95ff7c;
            border-color: #23b900;
            color: #23b900;
            cursor: pointer;
        }
    
            .SteppedProgress li.complete.boxed.canHover span:hover:after {
                border-bottom-color: #23b900;
                cursor: pointer;
            }
    
        .SteppedProgress li:before {
            content: counter(step);
            counter-increment: step;
            width: 30px;
            line-height: 30px;
            display: block;
            font-size: 22px;
            color: #FFF;
            background: gray;
            border-radius: 15px;
            margin: 0 auto 10px;
            position: relative;
            z-index: 1;
        }
    
        .SteppedProgress li:after {
            content: '';
            width: 100%;
            height: 6px;
            background: silver;
            position: absolute;
            left: -50%;
            top: 15px;
            z-index: -1;
        }
    
        .SteppedProgress li:first-child:after {
            content: none;
        }
    
        .SteppedProgress li.complete:before {
            background: #23b900;
            color: white;
        }
    
        .SteppedProgress li.complete:after {
            background: rgba(35,185,0,0.6);
        }
    
    ul.SteppedProgress.Vertical {
        display: block;
    }
    
    .SteppedProgress.Vertical li {
        flex: none;
        clear: both;
        text-align: left;
        padding: 0;
        margin-left: 0;
        min-height: 2.2em;
    }
    
        .SteppedProgress.Vertical li span {
            white-space: nowrap;
        }
    
    ul.SteppedProgress.Vertical li:before {
        float: none;
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        margin-left: 0;
    }
    
    .SteppedProgress.Vertical li:after {
        content: '';
        width: 6px;
        height: 100%;
        position: absolute;
        left: 12px;
        top: -50%;
        z-index: -1;
    }
    
    ul.SteppedProgress.Vertical li.boxed, ul.SteppedProgress.Vertical li.current {
        min-width: 90%;
    }
    
        ul.SteppedProgress.Vertical li.boxed span, ul.SteppedProgress.Vertical li.current span {
            display: inline;
            margin-left: 0;
        }
    
            ul.SteppedProgress.Vertical li.boxed span:after, ul.SteppedProgress.Vertical li.current span:after {
                bottom: auto;
                left: auto;
                right: 100%;
                top: 7px;
                border-color: rgba(255,255,255,0);
                border-right-color: silver;
                margin: 0;
            }
    
            ul.SteppedProgress.Vertical li.current span:after {
                border-right-color: #4170b0;
            }
    
    ul.SteppedProgress.Vertical li.complete.boxed span:after {
        border-color: rgba(255,255,255,0);
        border-right-color: #23b900;
    }
    
    @media (max-width: 480px) {
        ul.SteppedProgress {
            display: block;
        }
    
        .SteppedProgress li {
            flex: none;
            clear: both;
            text-align: left;
            padding: 0;
            margin-left: 0;
            min-height: 2.2em;
        }
    
            .SteppedProgress li span {
                white-space: nowrap;
            }
    
        ul.SteppedProgress li:before {
            float: none;
            display: inline-block;
            margin-right: 10px;
            text-align: center;
            margin-left: 0;
        }
    
        .SteppedProgress li:after {
            content: '';
            width: 6px;
            height: 100%;
            position: absolute;
            left: 12px;
            top: -50%;
            z-index: -1;
        }
    
        ul.SteppedProgress li.boxed, ul.SteppedProgress li.current {
            min-width: 90%;
        }
    
            ul.SteppedProgress li.boxed span, ul.SteppedProgress li.current span {
                display: inline;
                margin-left: 0;
            }
    
                ul.SteppedProgress li.boxed span:after, ul.SteppedProgress li.current span:after {
                    bottom: auto;
                    left: auto;
                    right: 100%;
                    top: 7px;
                    border-color: rgba(255,255,255,0);
                    border-right-color: silver;
                    margin: 0;
                }
    
                ul.SteppedProgress li.current span:after {
                    border-right-color: #4170b0;
                }
    
        ul.SteppedProgress li.complete.boxed span:after {
            border-color: rgba(255,255,255,0);
            border-right-color: #23b900;
        }
    }

    运行结果如图:

    这里写图片描述


    这里写图片描述

    展开全文
  • 这是一组非常漂亮的响应式面包屑导航和分步导航指示器UI设计效果。这组UI设计中有5个面包屑导航和4个分步导航指示器效果。它们都使用相同的HTML结构,并带有一组预定义的CSS样式,使用上非常方便。
  • 水葫芦(Eichhornia crassipes)对水体铜污染的生理生态指示特征响应,张文斌,谢瑶,水葫芦(Eichhornia crassipes)往往做为入侵植物这一角色被研究,但作为一个地区重金属污染的指示植物进行探测目前尚不多见。...
  • 问题:github提交代码报错==>响应状态代码不指示成功: 403 (Forbidden) 解决:我的原因是,github邮箱没有验证,重新验证邮箱后就ok了,可能每个人的原因各不一样

    问题:github提交代码报错==>响应状态代码不指示成功: 403 (Forbidden)

    解决:我的原因是,github邮箱没有验证,重新验证邮箱后就ok了,可能每个人的原因各不一样

    展开全文
  • 个人结合网上大神们的帖子的整理,留作然后回顾,如有不妥,还望不吝赐教 http请求与响应完整版 https://www.cnblogs.com/jiu0821/p/5641600.html 响应码超全面 ...指示信息,表示请求已接收,需要请求者...

    个人结合网上大神们的帖子的整理,留作今后回顾,如有不妥,还望不吝赐教
    w3c https://www.w3cschool.cn/http/g9prxfmx.html
    http请求与响应完整版 https://www.cnblogs.com/jiu0821/p/5641600.html
    响应码超全面 https://www.cnblogs.com/isykw/p/6115469.html

    状态码有三位数字组成,第一位数字定义响应的类别

    1XX 临时响应

    指示信息,表示请求已接收,需要请求者继续执行操作

    • 100 请求者应该继续提出请求,即服务器已收到请求的一部分,正在等待剩余部分
      • 请求者如果请求已经完成,则忽略该反应;
      • 请求者若干请求为完成,继续发送剩余要求。
        notes:服务器必须在要求完成后向请求者发送一个最终响应。
    • 101 接受到了请求者切换协议的要求,服务器已收到要求,并准备切换到Upgrade消息头中对应的协议
    2XX 成功

    请求已被成功接收、理解、接受。

    • 200 请求成功
      根据请求方法的不同而分为下面几类:
      • HEAD 实体头已作为响应头传回请求者
      • GET 资源已被提取,并作为响应体传回请求者
      • POST 经过服务器处理请求者传来的数据,把对应的资源传回请求者
      • TRACE 服务器收到请求消息并作为响应体传回请求者
        notes:DELETE、OPTIONS和PUT绝对不会传回200
    • 201 已创建
      请求成功,并且服务器已创建请求者要求的对应新资源。
      notes:这一般是PUT请求会得到的相应码
    • 202 已接收
      服务器已接收到请求,但尚未处理,即可以执行,也可能拒绝
      notes:适合在异步操作的场景下
    • 203 未授权信息
      服务器已处理请求,但是实体头部元信息不属于原服务器上有效的集合。
    • 204无内容
      服务器已处理请求,但是响应体内无内容,只有响应头
    • 205重置内容
      告诉用户代理去重置 发送该请求的窗口 的文档视图
    • 206 部分内容
      服务器处理了部分请求内容
      notes:请求者通过使用range头字段 进行文件分段下载时
    3XX 重定向

    想要实现请求必须进行进一步的操作

    • 300 多种选择
      该请求能够有多种响应,需要用户或者用户代理来选择其中一个
    • 301 永久移动
      请求的URI资源路径已发生改变,若可能,拥有链接编辑功能的客户端应当自动把请求的地址修改为从服务器反馈回来的地址。除非额外指定,否则这个响应也是可缓存的。
    • 302 临时移动
      请求的URI资源路径临时发生改变,而且有继续改变的可能。但是请求者在今后的访问中,还是要继续使用该URI。只有在Cache-Control或Expires中进行了指定的情况下,这个响应才是可缓存的。
      notes:可以用来做临时跳转
    4XX 客户端错误

    请求有语法错误或者是请求无法实现

    • 400 错误请求
      请求中存在语法错误,服务器无法读取
    • 401 未授权
      需要经过身份验证后才能够获得请求内容
      notes:必须和WWW-Authenticate报头域配合使用
    • 403 禁止访问
      服务器收到请求,但是拒绝访问
    • 404 未找到
      服务器找不到请求的资源
    5XX 服务器端错误

    服务器不能实现合法的请求

    • 500 内部服务器错误
      发生不可以预知的错误
    • 501 未实现
      服务器不支持请求的功能
    • 502 网关错误
      服务器作为网关,但是从上游服务器无法收到有效响应
    • 503 服务器无效
      服务器当前不能处理请求者的请求,一段时间后可恢复正常,属于临时问题
    展开全文
  • 然后在发布的时候就出问题了,报401错误[响应状态代码不指示成功: 401 (Unauthorized)。] 原因是添加webservice的时候自动添加的几个程序集,如下 发布提示错误截图如下 解决办法 在项目目录中创建一个包含...
  • 本文试图使用主动驾驶性能指标(例如反应时间和生理信号响应(表面肌电图))评估驾驶员的响应,以了解危险响应行为。 使用Unity3D引擎和VR头戴式显示器对驾驶场景进行仿真。 向驾驶员显示了不同大小和距离的刺激...
  • 指示信息,表示请求已接收,需要请求者继续执行操作 100 请求者应该继续提出请求,即服务器已收到请求的一部分,正在等待剩余部分 请求者如果请求已经完成,则忽略该反应; 请求者若干请求为完成,继续发送剩余要求...
  • **HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。响应分为五类:信息响应(100–199),成功响应(200–299),重定向(300–399),客户端错误(400–499)和服务器错误 (500–599)。状态代码由 section 10 of RFC ...
  • 带x指示符的srcset属性可以做到这一点: This delivers the kirkjufell.jpg image to standard screens, and kirkjufell@2x.jpg to those that are 196DPI or higher. Browsers that don’t support srcset will ...
  • 3.用户有多个硬按键(返回主界面、自检、复位等),怎么在界面程序中随时响应硬按键操作,比如按下返回主界面按键,系统必须马上回到主界面,难道还是运行一个线程?还是在程序中有处理这种事件的机制,还望解答。
  • HTTP 响应代码全集

    千次阅读 多人点赞 2019-10-15 15:01:20
    HTTP 响应状态代码指示特定 http请求是否已成功完成。响应分为五类:信息响应(100–199),成功响应(200–299),重定向(300–399),客户端错误(400–499)和服务器错误(500–599)。状态代码由section 10 of RFC 2616...
  • Http响应

    2017-09-12 09:23:00
    1.HTTP响应:由状态行、消息报头、响应正文组成 ...Status-Code表示服务器发回的响应状态代码;Reason-Phrase表示状态代码的文本描述。 状态行代码有三位数字组成,第一个数字定义了响应的类别,...1xx:指示信息--表...
  • HTTP 响应代码

    2019-10-06 03:42:55
    HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。响应分为五类:信息响应,成功响应,重定向,客户端错误和服务器错误。状态代码由 section 10 of RFC 2616定义 信息响应节 100 Continue这个临时响应表明,...
  • 我正在切换我的服务调用以使用新的HttpClient.我正在努力做三件事>...假反应迟钝>是否可以使用新的进度事件来触发此类功能?application.component.tsthis.applicationFormService.putForm(formModel).subscribe...
  • HTTP响应

    2019-09-24 21:11:10
    2.状态代码的第一个数字定义了响应的类别,后面两位数字没有具体的分类,第一个数字有五种可能的取值: 1xx:指示信息---表示请求已接收,继续处理。 2xx:成功---表示请求已经被成功接收、理解、接受。 3xx:...
  • Servlet响应

    2015-09-20 23:44:24
    300-399:表示用于已经移走的资源文件,指示新的地址。 302 moved Temporarily400-499:表示客户端引发的错误,浏览器引起的,服务器一定要一个参数,但是浏览器没有传。可能javascript,可能页面问题,可能访问了一...
  • HTTP响应代码

    2019-08-11 11:05:00
    HTTP响应代码 HTTP响应代码 描述 200 功能成功执行。 400 API位置无效。检查您使用的URL。...检查方法(POST | GET)是否与文档指示的匹配。 412 请求失败。检查响应正...
  • 响应状态

    2016-07-10 17:00:49
    ###设置响应状态行  状态行分为HTTP协议、状态码和状态描述三个部分  HTTP状态码:  1. 100-199:表示信息性代码,标示客户端应该采取的其他动作,请求正在进行。  2. 200-299:表示客户请求成功  3. ...
  • HTTP响应状态代码

    2019-03-10 16:02:30
    HTTP 响应状态代码指示特定 HTTP 请求是否已成功完成。响应分为五类:信息响应,成功响应,重定向,客户端错误和服务器错误。 信息响应 100 Continue 这个临时响应表明,迄今为止的所有内容都是可行的,客户端应该...
  • HTTP响应

    2019-09-27 19:45:49
    101 Switching Protocol该代码是响应客户端的 Upgrade 标头发送的,并且指示服务器也正在切换的协议。 102 Processing (WebDAV)此代码表示服务器已收到并正在处理该请求,但没有响应可用。 103 Early Hints 此...
  • Servlet处理HTTP响应(设置响应头)

    千次阅读 2016-10-17 19:08:12
    为了让Servlet发挥最大的效能,HttpServletResponse对象还可以用于操作响应的HTTP头。HTTP响应头用于告诉客户端:发送回来的内容的类型、有多少... containsHeader(java.lang.String name):返回一个布尔值指示是否设置
  • HTTP响应报文

    2018-11-22 13:43:00
    响应报文 HTTP响应报文主要由状态行、响应头部、空行和响应数据组成。...1xx:指示信息--表示请求已接收,继续处理。 2xx:成功--表示请求已被成功接收、理解、接受。 3xx:重定向--要完...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,558
精华内容 623
关键字:

响应指示