<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>分块传输 on ZiYang FrontEnd Interview</title><link>https://fe-interview.pangcy.cn/tags/%E5%88%86%E5%9D%97%E4%BC%A0%E8%BE%93/</link><description>Recent content in 分块传输 on ZiYang FrontEnd Interview</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 06 Mar 2025 13:07:39 +0800</lastBuildDate><atom:link href="https://fe-interview.pangcy.cn/tags/%E5%88%86%E5%9D%97%E4%BC%A0%E8%BE%93/index.xml" rel="self" type="application/rss+xml"/><item><title>分块传输编码实现原理</title><link>https://fe-interview.pangcy.cn/docs/network/network-34/</link><pubDate>Tue, 04 Mar 2025 09:31:00 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/network/network-34/</guid><description>&lt;h2 id="考察点分析">考察点分析 &lt;a href="#%e8%80%83%e5%af%9f%e7%82%b9%e5%88%86%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>本题主要考核候选人以下能力维度：&lt;/p>
&lt;ol>
&lt;li>&lt;strong>HTTP协议机制&lt;/strong>：对分块传输编码底层实现的理解&lt;/li>
&lt;li>&lt;strong>实时系统设计&lt;/strong>：流式数据传输场景的应用能力&lt;/li>
&lt;li>&lt;strong>协议规范理解&lt;/strong>：HTTP头部字段的互斥规则&lt;/li>
&lt;/ol>
&lt;p>具体技术评估点：&lt;/p>
&lt;ul>
&lt;li>分块编码报文格式与传输流程&lt;/li>
&lt;li>流式传输对比缓冲传输的性能优势&lt;/li>
&lt;li>Content-Length与Transfer-Encoding的互斥逻辑&lt;/li>
&lt;li>大文件分块传输的内存优化原理&lt;/li>
&lt;li>实时数据推送的延迟控制机制&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="技术解析">技术解析 &lt;a href="#%e6%8a%80%e6%9c%af%e8%a7%a3%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="关键知识点">关键知识点 &lt;a href="#%e5%85%b3%e9%94%ae%e7%9f%a5%e8%af%86%e7%82%b9" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>分块编码报文结构&lt;/li>
&lt;li>流式传输控制机制&lt;/li>
&lt;li>HTTP头部字段冲突处理&lt;/li>
&lt;/ol>
&lt;h3 id="原理剖析">原理剖析 &lt;a href="#%e5%8e%9f%e7%90%86%e5%89%96%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;p>分块编码将数据划分为多个带有长度前缀的块（Chunk），每个块格式为：&lt;/p>



 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="c99085b" class="language- ">
 &lt;code>&amp;lt;HEX_LENGTH&amp;gt;\r\n
&amp;lt;CHUNK_DATA&amp;gt;\r\n&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;p>终止块为&lt;code>0\r\n\r\n&lt;/code>。这种结构允许服务器无需预知数据总长度即可开始传输，接收方能逐块解析处理。&lt;/p>
&lt;p>协议规定当存在&lt;code>Transfer-Encoding: chunked&lt;/code>时，必须忽略&lt;code>Content-Length&lt;/code>头字段，因为分块传输的动态特性与静态长度声明存在根本冲突。类似于快递单号追踪（分块）与包裹总重量声明（Content-Length）不能同时作为交付依据。&lt;/p>
&lt;h3 id="常见误区">常见误区 &lt;a href="#%e5%b8%b8%e8%a7%81%e8%af%af%e5%8c%ba" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>错误认为分块编码需要预缓存全部数据&lt;/li>
&lt;li>混淆分块编码与HTTP/2数据帧的区别&lt;/li>
&lt;li>尝试在同一个响应中同时使用Content-Length和chunked编码&lt;/li>
&lt;/ol>
&lt;hr>
&lt;h2 id="问题解答">问题解答 &lt;a href="#%e9%97%ae%e9%a2%98%e8%a7%a3%e7%ad%94" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>分块传输编码通过将数据流分割为带有长度标识的数据块实现流式传输。每个数据块包含十六进制长度值和实际数据，终结块以零长度标识。该机制允许服务器动态生成内容并即时传输，特别适用于实时数据推送（如股票行情）和大文件下载（如视频流），避免了等待完整数据生成导致的内存压力和传输延迟。根据HTTP/1.1规范，当启用分块编码时，必须省略Content-Length头字段，因两者分别代表动态与静态长度声明机制，存在根本性冲突。&lt;/p>
&lt;hr>
&lt;h2 id="解决方案">解决方案 &lt;a href="#%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="编码示例nodejs">编码示例（Node.js） &lt;a href="#%e7%bc%96%e7%a0%81%e7%a4%ba%e4%be%8bnodejs" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>


 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="e6a6b46" class="language-javascript ">
 &lt;code>const http = require(&amp;#39;http&amp;#39;);

http.createServer((req, res) =&amp;gt; {
 res.writeHead(200, { 
 &amp;#39;Transfer-Encoding&amp;#39;: &amp;#39;chunked&amp;#39;,
 &amp;#39;Content-Type&amp;#39;: &amp;#39;text/plain&amp;#39;
 });
 
 // 模拟实时数据生成
 const chunks = [&amp;#39;First&amp;#39;, &amp;#39;Second&amp;#39;, &amp;#39;Third&amp;#39;];
 let index = 0;
 
 const sendChunk = () =&amp;gt; {
 if (index &amp;gt;= chunks.length) {
 res.end(&amp;#39;0\r\n\r\n&amp;#39;); // 终止块
 return;
 }
 
 const chunk = chunks[index&amp;#43;&amp;#43;];
 // 按规范构造块数据：长度(HEX) &amp;#43; 内容
 res.write(`${chunk.length.toString(16)}\r\n${chunk}\r\n`);
 setTimeout(sendChunk, 1000); // 模拟流式间隔
 };
 
 sendChunk();
}).listen(3000);&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="优化建议">优化建议 &lt;a href="#%e4%bc%98%e5%8c%96%e5%bb%ba%e8%ae%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>&lt;strong>内存优化&lt;/strong>：使用流式读取避免大文件完全加载&lt;/li>
&lt;li>&lt;strong>优先级控制&lt;/strong>：通过调整块大小平衡延迟与吞吐量&lt;/li>
&lt;li>&lt;strong>错误恢复&lt;/strong>：实现CRC校验块确保数据传输完整性&lt;/li>
&lt;/ol>
&lt;hr>
&lt;h2 id="深度追问">深度追问 &lt;a href="#%e6%b7%b1%e5%ba%a6%e8%bf%bd%e9%97%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;ol>
&lt;li>
&lt;p>&lt;strong>如何检测分块传输完成？&lt;/strong>&lt;/p></description></item></channel></rss>