[网络] 带你了解HTTP到底是什么

1.HTTP协议是什么?

HTTP协议是一种超文本传输协议,它是从WEB服务器传输超文本标记语言(HTML)到本地浏览器的传送协议。

设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。

我们平时输入 URL 来进行搜索的时候,一般开头就会有 http 或者 https。

常见的HTTP(超文本传输协议,默认端口80)、HTTPS(默认端口443)、SMTP(传邮件.默认端口25)、FTP(传文件,默认端口21)、Telnet(远程登录,默认端口23)

2.HTTP的原理

HTTP 协议工作于客户端-服务端架构上。

浏览器作为 HTTP 客户端通过 URL 向 HTTP 服务端即 WEB 服务器发送所有请求

Web 服务器根据接收到的请求后,向客户端发送响应信息。

HTTP 默认端口号为 80,但是你也可以改为 8080 或者其他端口。

访问百度: 

3.HTTP版本

HTTP0.9:只支持GET这一个请求方式,只能访问HTML格式的资源。没有 Header 等描述数据的信息。服务器在发送数据完毕后,就关闭 TCP 连接。

HTTP1.0:增加了 POST、PUT请求。一次请求创建一次连接获得一个Web资源,响应后就会断开连接,下一个请求需要再次建立 TCP 连接。(三次握手)因此效率很低。默认短链接

HTTP1.1(目前主流):一次请求创建一次连接,可以允许多个HTTP请求,获得多个web资源,默认长连接。

持久连接,即 TCP 连接默认不关闭,可以被多个请求复用,提高了请求性能。

管道机制(pipeline),即在同一个 TCP 连接里面,客户端可以同时发送多个请求。例如,浏览器同时发出 A 请求和 B 请求,但是服务器还是按照顺序,先回应 A 请求,完成后再回应 B 请求。

HTTP2.0:HTTP2 主要解决了传输性能的问题。增加双工模式,不仅客户端能够同时发送多个请求,服务端也能同时处理多个请求,是一个并行的效率。 HTTP2 中,对头信息进行了压缩,减少了对带宽的占用。

4.HTTP 报文格式

请求端(客户端)的 HTTP 报文叫做请求报文,响应端(服务器端)的叫做响应报文。

客户端请求消息:

请求报文是由请求行(请求方法+请求 URL+协议版本)、请求头部、空行、请求主体四部分组成

GET/sample.jspHTTP/1.1 请求行
Accept:image/gif.image/jpeg, 请求头部
Accept-Language:zh-cn
Connection:Keep-Alive
Host:localhost
User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
Accept-Encoding:gzip,deflateusername=jinqiao&password=1234 请求主体

服务端响应消息:

HTTP响应也由四个部分组成,分别是:状态行、响应首部、空行和响应主体。

HTTP/1.1 200 OK   状态行
Server:Apache Tomcat/5.0.12  响应首部
Date:Mon,6Oct2003 13:23:42 GMT
Content-Length:112                 响应主体HTTP响应示例<title></head><body>Hello HTTP!</body>
</html></code></pre> 
<p><img referrerpolicy="no-referrer" alt="" height="727" src="https://img-blog.csdnimg.cn/0a518c2c3b0b41cab01e719afe9932df.png" width="873" /></p> 
<h2> 5.HTTP方法</h2> 
<table><tbody><tr><th>序号</th><th>方法</th><th>描述</th></tr><tr><td>1</td><td>GET</td><td>请求指定的页面信息,并返回实体主体。</td></tr><tr><td>2</td><td>HEAD</td><td>类似于 GET 请求,只不过返回的响应中没有具体的内容,用于获取报头</td></tr><tr><td>3</td><td>POST</td><td>向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST 请求可能会导致新的资源的建立和/或已有资源的修改。</td></tr><tr><td>4</td><td>PUT</td><td>从客户端向服务器传送的数据取代指定的文档的内容。</td></tr><tr><td>5</td><td>DELETE</td><td>请求服务器删除指定的页面。</td></tr><tr><td>6</td><td>CONNECT</td><td>HTTP/1.1 协议中预留给能够将连接改为管道方式的代理服务器。</td></tr><tr><td>7</td><td>OPTIONS</td><td>允许客户端查看服务器的性能。</td></tr><tr><td>8</td><td>TRACE</td><td>回显服务器收到的请求,主要用于测试或诊断。</td></tr><tr><td>9</td><td>PATCH</td><td>是对 PUT 方法的补充,用来对已知资源进行局部更新 。</td></tr></tbody></table> 
<p>HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法。</p> 
<p>HTTP1.1 新增了六种请求方法:OPTIONS、PUT、PATCH、DELETE、TRACE 和 CONNECT 方法。</p> 
<p>可以把PUT、DELETE、POST、GET理解为客户端对服务端的增删改查</p> 
<ul><li>PUT:上传文件,向服务器添加数据,可以看作增</li><li>DELETE:删除文件</li><li>POST:传输数据,向服务器提交数据,对服务器数据进行更新</li><li>GET:获取资源,查询服务器资源</li></ul> 
<h2>6.HTTP的长连接和短链接</h2> 
<p><strong>在HTTP/1.0中,</strong>默认使用的是<span>短连接</span>。也就是说,浏览器和服务器每进行一次HTTP操作,就建立一次连接,但任务结束就中断连接。如果客户端浏览器访问的某个HTML或其他类型的 Web页中包含有其他的Web资源,如JavaScript文件、图像文件、CSS文件等;当浏览器每遇到这样一个Web资源,就会建立一个HTTP会话。<br /><br /><strong>但从 HTTP/1.1起</strong>,默认使用<span>长连接</span>,用以保持连接特性。使用长连接的HTTP协议,会在响应头有加入这行代码:Connection:keep-alive<br /><br /> 在使用长连接的情况下,当一个网页打开完成后,客户端和服务器之间用于传输HTTP数据的 TCP连接不会关闭,如果客户端再次访问这个服务器上的网页,会继续使用这一条已经建立的连接。Keep-Alive不会永久保持连接,它有一个保持时间,可以在不同的服务器软件(如Apache)中设定这个时间。<strong>实现长连接要客户端和服务端都支持长连接。</strong><br /><br /><strong>HTTP协议的长连接和短连接,实质上是TCP协议的长连接和短连接。</strong></p> 
<h2>7.HTTP 响应头信息</h2> 
<table><tbody><tr><th>应答头</th><th>说明</th></tr><tr><td>Allow</td><td> <p>服务器支持哪些请求方法(如GET、POST等)。</p> </td></tr><tr><td>Content-Encoding</td><td> <p>文档的编码(Encode)方法。只有在解码之后才可以得到Content-Type头指定的内容类型。</p> </td></tr><tr><td>Content-Length</td><td> <p>表示内容长度。只有当浏览器使用持久HTTP连接时才需要这个数据。</p> </td></tr><tr><td>Content-Type</td><td> <p>表示后面的文档属于什么MIME类型。Servlet默认为text/plain,但通常需要显式地指定为text/html。</p> </td></tr><tr><td>Date</td><td> <p>当前的GMT时间。</p> </td></tr><tr><td>Expires</td><td> <p>应该在什么时候认为文档已经过期,从而不再缓存它?</p> </td></tr><tr><td>Last-Modified</td><td> <p>文档的最后改动时间。</p> </td></tr><tr><td>Location</td><td> <p>表示客户应当到哪里去提取文档。</p> </td></tr><tr><td>Refresh</td><td> <p>表示浏览器应该在多少时间之后刷新文档,以秒计。<br /> Refresh头不属于HTTP 1.1正式规范的一部分,而是一个扩展,但Netscape和IE都支持它。</p> </td></tr><tr><td>Server</td><td> <p>服务器名字。Servlet一般不设置这个值,而是由Web服务器自己设置。</p> </td></tr><tr><td>Set-Cookie</td><td> <p>设置和页面关联的Cookie。</p> </td></tr><tr><td>WWW-Authenticate</td><td> <p>客户应该在Authorization头中提供什么类型的授权信息?在包含401(Unauthorized)状态行的应答中这个头是必需的。<br /> 注意Servlet一般不进行这方面的处理,而是让Web服务器的专门机制来控制受密码保护页面的访问(例如.htaccess)。</p> </td></tr></tbody></table> 
<h2>8.HTTP 状态码</h2> 
<p><img referrerpolicy="no-referrer" alt="" height="388" src="https://img-blog.csdnimg.cn/d6b56cb77a5844978d506838f7fab016.png" width="1200" /></p> 
<ul><li> 200:服务器已经<strong><span>成功</span></strong>处理了请求</li><li>301:<strong><span>(永久移动)</span></strong>请求的网页已经永久移动到新的位置。服务器返回此响应时,会自动将请求者转到新的位置</li><li>302:<strong><span>(临时移动)</span></strong>服务器目前从不同位置的网页响应请求,但请求者应该继续使用原有位置来进行以后的请求。</li><li>400:客户端请求有<strong><span>语法错误</span></strong>,不能被服务器所理解</li><li>403:服务器收到请求,但是<strong><span>拒绝访问对应资源</span></strong></li><li>404:服务器<strong><span>找不到</span></strong>请求网页(未找到)</li><li>500:<strong><span>服务器遇到错误</span></strong>,无法完成请求(服务器内部错误)。</li></ul> 
<h2>9.HTTP常见Header</h2> 
<ol><li>Host:客户端告知服务器,所请求的资源在哪儿</li><li>Connection:默认值是keep-alive,要求服务器不要关闭TCP连 接,close()表示明确要求关闭连接。</li><li>Accept-Encoding:说明自己可以接收的压缩方式</li><li>User-Agent:声明用户的操作系统和浏览器版本信息</li><li>Content-Type:数据类型,常见的有html、 image/jpeg,image/png,video/mp4,application/json,zip</li><li>Content-Length:Body的长度,请求和响应头都可以使用</li><li>Location:搭配3**状态码使用,告诉客户端接下来要去哪里访问</li><li>Cookie:用于在客户端存储少量信息.通常用于实现会话的功能</li><li>Set-Cookie:服务器向客户端设置Cookie;</li><li>Referer: 当前页面是从哪个页面跳转过来的</li></ol> 
<h2>10.<strong>HTTP 三点注意事项:</strong></h2> 
<ul><li> <p>HTTP 是<span>无连接</span>:无连接的含义是限制每次连接只处理一个请求,服务器处理完客户的请求,并收到客户的应答后,即断开连接,采用这种方式可以节省传输时间。</p> </li><li> <p>HTTP 是媒体<span>独立的</span>:这意味着,只要客户端和服务器知道如何处理的数据内容,任何类型的数据都可以通过HTTP发送,客户端以及服务器指定使用适合的 MIME-type 内容类型。</p> </li><li> <p>HTTP 是<span>无状态</span>:HTTP 协议是无状态协议,无状态是指协议对于事务处理没有记忆能力,缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大,另一方面,在服务器不需要先前信息时它的应答就较快。</p> </li></ul> 
<h2>11.HTTP和HTTPS的区别</h2> 
<table><tbody><tr><td></td><td>HTTP</td><td>HTTPS</td></tr><tr><td>端口</td><td>80</td><td>443</td></tr><tr><td>安全性</td><td>无加密,安全性较差</td><td>有加密机制,安全性较高</td></tr><tr><td>资源消耗</td><td>较少</td><td>由于加密处理,资源消耗更多</td></tr><tr><td>是否需要证书</td><td>不需要</td><td>需要</td></tr><tr><td>协议</td><td>运行在TCP协议之上</td><td>运行在SSL协议之上,SSL运行在TCP协议之上</td></tr></tbody></table>                        </p>
                        <p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击<a
                            href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈!</code></pre></p>
                        <!-- E 正文 -->
                        <link href="https://qiniu.techgrow.cn/readmore/dist/readmore.css" type="text/css" rel="stylesheet">
<script src="https://qiniu.techgrow.cn/readmore/dist/readmore.js" type="text/javascript"></script>
<script>
    var regex = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
    var isMobile = navigator.userAgent.match(regex);
    if (!isMobile) {
        try {
            var plugin = new ReadmorePlugin();
            plugin.init({
                id: "readmore-container",
                blogId: "55721-7689706765131-406",
                name: "财经早读",
                keyword: "666",
                qrcode: "https://www.imspm.com/assets/img/caijingzaodu.jpg",
                type: "website",
                height: "auto",
                expires: "7",
                interval: "60",
                random: "1"
            })
        } catch (e) {
            console.warn("readmore plugin occurred error: " + e.name + " | " + e.message);
        }
    }
</script>                    </div>

                    <!-- S 付费阅读 -->
<!-- E 付费阅读 -->


                    <!-- S 点赞 -->
<div class="article-donate">
    <a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="673183" data-action="/addons/cms/ajax/collection.html">收藏</a>
    </div>
<!-- E 点赞 -->


                    <div class="entry-meta">
    <ul>
        <!-- S 归档 -->
        <li>标签:<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li>
        <!-- S 归档 -->
    </ul>

    <ul class="article-prevnext">
        <!-- S 上一篇下一篇 -->
                <li>
            <span>上一篇 ></span>
            <a href="/dev/673182.html" target="_blank">HTTP 概述</a>
        </li>
                <li>
            <span>下一篇 ></span>
            <a href="/dev/673184.html" target="_blank">计算机网络--HTTP协议详解</a>
        </li>
                <!-- E 上一篇下一篇 -->
    </ul>
</div>


                    <div class="related-article">
    <div class="row" style="margin: 0 -15px;">
        <!-- S 相关文章 -->
        <div class="col-xs-12">
            <h3 style="font-size: 1.1em;">相关文章</h5>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3,内存映射与DMA--PAGE_SHIF…</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区,再设置BOOT 启动CD,shif+上移】</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销 是 ctrl + shif + z</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器:Win+Shift+S</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签(1):h1~h6,p,br,pre,hr</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟(12.08) T3 圈圈圈圈圈圈圈圈</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈(上)</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战(三)Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11(B组)T3 Monogatari 物语</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题 跑道 汽车 绕圈问题 Python实现</a></p>
        </div>
                <div class="col-xs-12">
            <p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈(三):MapReduce</a></p>
        </div>
                <!-- E 相关文章 -->
    </div>
</div>


                    <div class="clearfix"></div>
                </div>
            </div>
        </main>

        <aside class="col-xs-12 col-md-4">
            <!--@formatter:off-->
<!--@formatter:on-->

            <!-- S 内容推荐 -->
<div class="panel panel-default hot-article">
    <div class="panel-heading">
        <h3 class="panel-title">内容推荐</h3>
    </div>
    <div class="panel-body">
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">1</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品!保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品!保姆级教程帮你掌握「用户体验要素」</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">2</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例!设计师如何助力京东快递业务增长?" target="_blank">大厂实战案例!设计师如何助力京东快递业务增长?</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">3</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货!5个常见的UI设计规范创建误区" target="_blank">总监干货!5个常见的UI设计规范创建误区</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">4</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">5</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学!快速掌握10种国际主流设计模型" target="_blank">进阶必学!快速掌握10种国际主流设计模型</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">6</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间,10个大厂的产品细节走心设计" target="_blank">春节期间,10个大厂的产品细节走心设计</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">7</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期?来看雪球APP的实战总结!" target="_blank">如何帮助用户度过新人期?来看雪球APP的实战总结!</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">8</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">9</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a>
            </div>
        </div>
                <div class="media media-number">
            <div class="media-left">
                <span class="num tag">10</span>
            </div>
            <div class="media-body">
                <a class="link-dark" href="/chanpinsheji/42343.html" title="嘘!SaaS产品的差异化设计细节,一般人我不告诉他" target="_blank">嘘!SaaS产品的差异化设计细节,一般人我不告诉他</a>
            </div>
        </div>
            </div>
</div>
<!-- E 内容推荐 -->

<div class="panel panel-blockimg">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480"
    crossorigin="anonymous"></script>
<!-- 右侧正方形 -->
<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-6421005227861480"
    data-ad-slot="1989994359"
    data-ad-format="auto"
    data-full-width-responsive="true"></ins>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="panel panel-default lasest-update">
    <!-- S 最近更新 -->
    <div class="panel-heading">
        <h3 class="panel-title">最新更新</h3>
    </div>
    <div class="panel-body">
        <ul class="list-unstyled">
                        <li>
                <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
                <a class="link-dark" href="/chanpinjingli/758173.html" title="3分钟绘制流程图!这个AI+绘图工具的神仙组合,学完老板直呼内行" target="_blank">3分钟绘制流程图!这个AI+绘图工具的神仙组合,学完老板直呼内行</a>
            </li>
                        <li>
                <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
                <a class="link-dark" href="/chanpinjingli/758172.html" title="商业潜规则:打败你的不是AI,而是人性" target="_blank">商业潜规则:打败你的不是AI,而是人性</a>
            </li>
                        <li>
                <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
                <a class="link-dark" href="/chanpinsheji/758171.html" title="DeepSeek+智能派单系统的实践分享" target="_blank">DeepSeek+智能派单系统的实践分享</a>
            </li>
                        <li>
                <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
                <a class="link-dark" href="/chanpinjingli/758170.html" title="一文读懂本年实际损益借(贷)方发生额" target="_blank">一文读懂本年实际损益借(贷)方发生额</a>
            </li>
                        <li>
                <span><a href="/chuangyexueyuan.html" target="_blank">[创业学院]</a></span>
                <a class="link-dark" href="/chuangyexueyuan/758169.html" title="大客户 vs 中小企业:需求竟天差地别?以企业培训数字化为例" target="_blank">大客户 vs 中小企业:需求竟天差地别?以企业培训数字化为例</a>
            </li>
                        <li>
                <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
                <a class="link-dark" href="/chanpinjingli/758168.html" title="不要将员工的“猴子”背到自己身上:职场管理中的权责划分" target="_blank">不要将员工的“猴子”背到自己身上:职场管理中的权责划分</a>
            </li>
                        <li>
                <span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
                <a class="link-dark" href="/chanpinjingli/758167.html" title="人工智能的三层架构:从应用层到基础服务层,解密智能革命" target="_blank">人工智能的三层架构:从应用层到基础服务层,解密智能革命</a>
            </li>
                        <li>
                <span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
                <a class="link-dark" href="/chanpinsheji/758166.html" title="一文讲清楚iOS的SKAN4.0" target="_blank">一文讲清楚iOS的SKAN4.0</a>
            </li>
                    </ul>
    </div>
    <!-- E 最近更新 -->
</div>
<!-- S 热门标签 -->
<div class="panel panel-default hot-tags">
    <div class="panel-heading">
        <h3 class="panel-title">热门标签</h3>
    </div>
    <div class="panel-body">
        <div class="tags">
                        <a href="/channel/数量.html" class="tag" target="_blank"> <span>数量</span></a>
                        <a href="/channel/AI技术趋势.html" class="tag" target="_blank"> <span>AI技术趋势</span></a>
                        <a href="/channel/用户角色.html" class="tag" target="_blank"> <span>用户角色</span></a>
                        <a href="/channel/心智游移.html" class="tag" target="_blank"> <span>心智游移</span></a>
                        <a href="/channel/自然生态系统.html" class="tag" target="_blank"> <span>自然生态系统</span></a>
                        <a href="/channel/会员权益.html" class="tag" target="_blank"> <span>会员权益</span></a>
                        <a href="/channel/AirDrop.html" class="tag" target="_blank"> <span>AirDrop</span></a>
                        <a href="/channel/hashmap.html" class="tag" target="_blank"> <span>hashmap</span></a>
                        <a href="/channel/小龙虾.html" class="tag" target="_blank"> <span>小龙虾</span></a>
                        <a href="/channel/焦虑.html" class="tag" target="_blank"> <span>焦虑</span></a>
                        <a href="/channel/危机处理.html" class="tag" target="_blank"> <span>危机处理</span></a>
                        <a href="/channel/发展.html" class="tag" target="_blank"> <span>发展</span></a>
                        <a href="/channel/微信群折叠.html" class="tag" target="_blank"> <span>微信群折叠</span></a>
                        <a href="/channel/toast.html" class="tag" target="_blank"> <span>toast</span></a>
                        <a href="/channel/测评新算法.html" class="tag" target="_blank"> <span>测评新算法</span></a>
                        <a href="/channel/改版.html" class="tag" target="_blank"> <span>改版</span></a>
                        <a href="/channel/wireshark.html" class="tag" target="_blank"> <span>wireshark</span></a>
                        <a href="/channel/投放方式.html" class="tag" target="_blank"> <span>投放方式</span></a>
                        <a href="/channel/音频播放动效.html" class="tag" target="_blank"> <span>音频播放动效</span></a>
                        <a href="/channel/timer.html" class="tag" target="_blank"> <span>timer</span></a>
                        <a href="/channel/女性商业.html" class="tag" target="_blank"> <span>女性商业</span></a>
                        <a href="/channel/古典自媒体.html" class="tag" target="_blank"> <span>古典自媒体</span></a>
                        <a href="/channel/海外博主.html" class="tag" target="_blank"> <span>海外博主</span></a>
                        <a href="/channel/repeater.html" class="tag" target="_blank"> <span>repeater</span></a>
                        <a href="/channel/转账.html" class="tag" target="_blank"> <span>转账</span></a>
                        <a href="/channel/万能钥匙.html" class="tag" target="_blank"> <span>万能钥匙</span></a>
                        <a href="/channel/秋招.html" class="tag" target="_blank"> <span>秋招</span></a>
                        <a href="/channel/快服务.html" class="tag" target="_blank"> <span>快服务</span></a>
                        <a href="/channel/个人演讲.html" class="tag" target="_blank"> <span>个人演讲</span></a>
                        <a href="/channel/客户共识.html" class="tag" target="_blank"> <span>客户共识</span></a>
                    </div>
    </div>
</div>
<!-- E 热门标签 -->

        </aside>
    </div>
</div>

</main>

<footer>
    <div id="footer">
        <div class="container">
            <div class="row footer-inner">
                <div class="col-xs-12">
                    <div class="footer-logo pull-left mr-4">
                        <a href="/"><i class="fa fa-bookmark"></i></a>
                    </div>
                    <div class="pull-left">
                        Copyright © 2025 All rights reserved. 超级产品经理                        <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a>
                    <ul class="list-unstyled list-inline mt-2">
                        <li><a href="/p/aboutus.html" target="_blank">关于网站</a></li>
                        <li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li>
                    </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</footer>

<div id="floatbtn">
    <!-- S 浮动按钮 -->

        <a class="hover" href="/index/cms.archives/post.html" target="_blank">
        <i class="iconfont icon-pencil"></i>
        <em>立即<br>投稿</em>
    </a>
    
    <div class="floatbtn-item floatbtn-share">
        <i class="iconfont icon-share"></i>
        <div class="floatbtn-wrapper" style="height:50px;top:0">
            <div class="social-share" data-initialized="true" data-mode="prepend">
                <a href="#" class="social-share-icon icon-weibo" target="_blank"></a>
                <a href="#" class="social-share-icon icon-qq" target="_blank"></a>
                <a href="#" class="social-share-icon icon-qzone" target="_blank"></a>
                <a href="#" class="social-share-icon icon-wechat"></a>
            </div>
        </div>
    </div>

        <a href="javascript:;">
        <i class="iconfont icon-qrcode"></i>
        <div class="floatbtn-wrapper">
            <div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div>
            <p>微信公众账号</p>
            <p>微信扫一扫加关注</p>
        </div>
    </a>
    
    <a id="back-to-top" class="hover" href="javascript:;">
        <i class="iconfont icon-backtotop"></i>
        <em>返回<br>顶部</em>
    </a>
    <!-- E 浮动按钮 -->
</div>


<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.10"></script>


<script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.10"></script>

</body>
</html>