天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

名站技術分析 — facebook奇特的頁面加載技術

  沒事使用代理上了下facebook,注冊進入個人首頁后,習慣性的查看源代碼,發現了1個很有意思的現象,首頁內容不少,但源代碼中HTML的代碼卻很少,但去多出了很多段的Javascript代碼,這些js代碼都是用于動態生成html的,facebook為什么需要這樣做了?出于職業習慣,研究研究:

  一、html代碼。

     先看看首頁查看的源代碼,因為源代碼比較大,所以把圖片壓縮了下,可能看不太清楚,只需要注意圖中紅色是html代碼,其余黑壓壓一片的就全部是JS代碼:

  二、JS代碼

     看到黑壓壓的JS代碼是不是被嚇一跳,下面就截取一段JS來分析(其余段的JS都是類似的),facebook源代碼中充斥了類似于下面的JS代碼:

<script>big_pipe.onPageletArrive({	"id":"pagelet_welcome_box","phase":1,"is_last":false,"append":false,
"bootloadable":[], "css":["lDRwi","eon+N"], "js":["F+B8D","IdQlc"], "resource_map":[],"requires":[],"provides":[], "onload":["window.__UIControllerRegistry[/"c4c13a3ed2dd1e0e349b72/"] = new UIPagele
t(/"c4c13a3ed2dd1e0e349b72/", /"http:////pagelet////generic.php////WelcomeBoxPagelet/////", {},
{});; ;"], "onafterload":[],"onpagecache":[],"onafterpagecache":[],"refresh_pagelets":[],"invalidate_
cache":[], "content":{ "pagelet_welcome_box":"<div id=/"c4c13a3ed2dd1e0e349b72/"><div class=/"UIIm
ageBlock clearfix fbxWelcomeBox/"> ...這里省略N多HTML" }, "page_cache":true});</script>

it知識庫名站技術分析 — facebook奇特的頁面加載技術,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 蜜柚视频网在线观看免费 | 国产精品久久久久久精品... | 在线观看成年人免费视频 | 两个奶被男人揉了一个晚上 | 精品久久久久久久99热 | 日本视频中文字幕一区二区 | 国产一区日韩二区欧美三区 | 亚洲一区高清 | 国产成人无码免费精品果冻传媒 | 老女人与小伙子露脸对白 | 乌克兰粉嫩摘花第一次 | 中字幕久久久人妻熟女天美传媒 | 91九色视频无限观看免费 | 美女pk精子4| 皮皮色狼网| 免费看的一级毛片 | 忘忧草高清 | 日本aa大片 | 亚洲中文字幕手机版 | 午夜福利院电影 | 老司机亚洲精品影院在线观看 | 香蕉久久夜色精品国产小说 | 偷偷鲁青春草原视频 | 精品手机在线视频 | 国产精品久久久久婷婷五月色 | 国产在线观看www鲁啊鲁免费 | 成人小视频免费在线观看 | 成人区精品一区二区不卡AV免费 | 国产99r视频精品免费观看 | 手机毛片免费看 | 久久午夜宫电影网 | xxx在线播放 | 亞洲人妻AV無碼在線視頻 | 攻把受做哭边走边肉楼梯PLAY | 韩国女主播内部vip自带氏巾 | 伊人大香线蕉精品在线播放 | 午夜国产精品影院在线观看 | 在线免费观看视频a | 伊人久久大香线蕉综合高清 | 国产3级在线 | 午夜日本大胆裸艺术 |