真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)

本篇內(nèi)容主要講解“WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)”吧!

站在用戶的角度思考問題,與客戶深入溝通,找到敦化網(wǎng)站設(shè)計與敦化網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋敦化地區(qū)。

正對這種情況,還有一種處理方法,就是讓response分塊編碼進行傳輸。response分塊編碼,可以先傳輸一部分不需要處理的html代碼到客戶端,等其他耗時代碼執(zhí)行完畢后再傳輸另外的html代碼。

分塊編碼(chunked encoding)

chunked encoding 是http1.1 才支持編碼格式(當然目前沒有哪個瀏覽器不支持1.1了),chunked encoding 與一般的響應(yīng)區(qū)別如下:

正常的響應(yīng):      HTTP/1.1 200 OK      Cache-Control: private, max-age=60     Content-Length: 75785      Content-Type: text/html; charset=utf-8      ..其他response headers               
chunked encoding 響應(yīng):     HTTP/1.1 200 OK     Cache-Control: private, max-age=60    Content-Length: 75785     Content-Type: text/html; charset=utf-8     Transfer-Encoding: chunked     ..其他response headers           chunk #1(這里通常是16進制的數(shù)字,標志這個塊的大小)     

實例(JSP)

一個簡單的頁面,分為頭部(header)和內(nèi)容(部分),假設(shè)內(nèi)容部分需要讀取數(shù)據(jù)庫,花費3秒時間,然后顯示csdn的logo。header部分顯示cnblogs的logo。代碼如下:

             cnblogs logo          
               <%          // 睡眠3秒          Thread.currentThread().sleep(3000);      %>         csdn logo                  
 

演示地址:http://213.186.44.204:8080/ChunkTest/nochunk.jsp (服務(wù)器比較差,請大家溫柔點)

打開這個演示地址發(fā)現(xiàn)很正常的頁面,在3秒后才開始下載顯示2個logo,資源加載瀑布圖如下:

WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)

現(xiàn)在把代碼改成如下,加上flush,讓response把之前的html分塊輸出:

    cnblogs logo      
 <%      out.flush(); // flush response,分塊輸出  %>       <%          // 睡眠3秒          Thread.currentThread().sleep(3000);      %>     csdn logo          

演示地址:http://213.186.44.204:8080/ChunkTest/chunk.jsp

打開這個演示地址,是不是發(fā)現(xiàn)cnblogs logo先下載顯示出來,3秒后csdn logo才顯示,資源加載圖如下:

WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)

從這個圖發(fā)現(xiàn),cnblogs的logo在jsp頁面還沒執(zhí)行完就開始下載了,這就是分塊輸出的效果。

監(jiān)控工具:

如何知道我們是否成功使用了chunk encoding了 ,只要用工具查看response header 中是否包含了Transfer-Encoding: chunked,如果包含了,則是分塊了。但要想監(jiān)控分塊的詳細信息,據(jù)我所知,目前只有httpwatch支持,可以查看我們到底分了多少塊,但是數(shù)量好像都多顯示了1個,如下圖:

WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)

到此,相信大家對“WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學習!


文章名稱:WEB開發(fā)中flush讓頁面分塊逐步呈現(xiàn)
文章網(wǎng)址:http://weahome.cn/article/ppggdo.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部