国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 web前端 html教學(xué) 你剛在淘寶上買了一件衣服-詳細(xì)解析技術(shù)流程(淘寶首頁顯示一個(gè)頁面的過程)_html/css_WEB-ITnose

你剛在淘寶上買了一件衣服-詳細(xì)解析技術(shù)流程(淘寶首頁顯示一個(gè)頁面的過程)_html/css_WEB-ITnose

Jun 24, 2016 am 11:48 AM

聲明:文章是之前在網(wǎng)絡(luò)中看到并保存在電腦里的文檔,原地址也無從找到。在此聲明。向互聯(lián)網(wǎng)工程師致敬!

你發(fā)現(xiàn)快要過年了,于是想給你的女朋友買一件毛衣,你打開了www.taobao.com。這時(shí)你的瀏覽器首先查詢DNS服務(wù)器,將www.taobao.com轉(zhuǎn)換成ip地址。不過首先你會發(fā)現(xiàn),你在不同的地區(qū)或者不同的網(wǎng)絡(luò)(電信、聯(lián)通、移動)的情況下,轉(zhuǎn)換后的IP地址很可能是不一樣的,這首先涉及到負(fù)載均衡的第一步,通過DNS解析域名時(shí)將你的訪問分配到不同的入口,同時(shí)盡可能保證你所訪問的入口是所有入口中可能較快的一個(gè) (這和后文的CDN不一樣)。

你通過這個(gè)入口成功的訪問了www.taobao.com的實(shí)際的入口IP地址。這時(shí)你產(chǎn)生了一個(gè)PV,即Page View,頁面訪問。每日每個(gè)網(wǎng)站的總PV量是形容一個(gè)網(wǎng)站規(guī)模的重要指標(biāo)。淘寶網(wǎng)全網(wǎng)在平日(非促銷期間)的PV大概是16-25億之間。同時(shí)作為一個(gè)獨(dú)立的用戶,你這次訪問淘寶網(wǎng)的所有頁面,均算作一個(gè)UV(Unique Visitor用戶訪問)。最近臭名昭著的12306.cn的日PV量最高峰在10億左右,而UV量卻遠(yuǎn)小于淘寶網(wǎng)十余倍,這其中的原因我相信大家都會知道。

因?yàn)橥粫r(shí)刻訪問www.taobao.com的人數(shù)過于巨大,所以即便是生成淘寶首頁頁面的服務(wù)器,也不可能僅有一臺。僅用于生成www.taobao.com首頁的服務(wù)器就可能有成百上千臺,那么你的一次訪問時(shí)生成頁面給你看的任務(wù)便會被分配給其中一臺服務(wù)器完成。這個(gè)過程要保證公正、公平、平均(暨這成百上千臺服務(wù)器每臺負(fù)擔(dān)的用戶數(shù)要差不多),這一很復(fù)雜的過程是由幾個(gè)系統(tǒng)配合完成,其中最關(guān)鍵的便是LVS(Linux Virtual Server),世界上最流行的負(fù)載均衡系統(tǒng)之一,正是由目前在淘寶網(wǎng)供職的章文嵩博士開發(fā)的。

經(jīng)過一系列復(fù)雜的邏輯運(yùn)算和數(shù)據(jù)處理,用于這次給你看的淘寶網(wǎng)首頁的HTML內(nèi)容便生成成功了。對web前端稍微有點(diǎn)常識的童鞋都應(yīng)該知道,下一步瀏覽器會去加載頁面中用到的css、js、圖片、腳本和資源文件。但是可能相對較少的同學(xué)才會知道,你的瀏覽器在同一個(gè)域名下并發(fā)加載的資源數(shù)量是有限制的,例如IE6-7是兩個(gè),IE8是6個(gè),Chrome各版本不大一樣,一般是4-6個(gè)。我剛剛看了一下,我訪問淘寶網(wǎng)首頁需要加載126個(gè)資源,那么如此小的并發(fā)連接數(shù)自然會加載很久。所以前端開發(fā)人員往往會將上述這些資源文件分布在好多個(gè)域名下,變相的繞過瀏覽器的這個(gè)限制,同時(shí)也為下文的CDN工作做準(zhǔn)備。

據(jù)不可靠消息,在雙十一當(dāng)天高峰,淘寶的訪問流量最巔峰達(dá)到871GB/S。這個(gè)數(shù)字意味著需要178萬個(gè)4Mb帶寬的家庭寬帶才能負(fù)擔(dān)的起,也完全有能力拖垮一個(gè)中小城市的全部互聯(lián)網(wǎng)帶寬。那么顯然,這些訪問流量不可能集中在一起。并且大家都知道,不同地區(qū)不同網(wǎng)絡(luò)(電信、聯(lián)通等)之間互訪會非常緩慢,但是你卻發(fā)現(xiàn)很少發(fā)現(xiàn)淘寶網(wǎng)訪問緩慢。這便是CDN(Content Delivery Network),即內(nèi)容分發(fā)網(wǎng)絡(luò)的作用。淘寶在全國各地建立了數(shù)十上百個(gè)CDN節(jié)點(diǎn),利用一些手段保證你訪問的(這里主要指js、css、圖片等)地方是離你最近的CDN節(jié)點(diǎn),這樣便保證了大流量分散在各地訪問的加速節(jié)點(diǎn)上。

這便出現(xiàn)了一個(gè)問題,那就是假若一個(gè)賣家發(fā)布了一個(gè)新的寶貝,上傳了幾張新的寶貝圖片,那么淘寶網(wǎng)如何保證全國各地的CDN節(jié)點(diǎn)中都會同步的存在這幾張圖片供用戶使用呢?這里邊就涉及到了大量的內(nèi)容分發(fā)與同步的相關(guān)技術(shù)。淘寶開發(fā)了分布式文件系統(tǒng)TFS(Taobao File System)來處理這類問題。

好了,這時(shí)你終于加載完了淘寶首頁,那么你習(xí)慣性的在首頁搜索框中輸入了’毛衣’二字并敲回車,這時(shí)你又產(chǎn)生了一個(gè)PV,然后,淘寶網(wǎng)的主搜索系統(tǒng)便開始為你服務(wù)了。它首先對你輸入的內(nèi)容基于一個(gè)分詞庫進(jìn)行分詞操作。眾所周知,英文是以詞為單位的,詞和詞之間是靠空格隔開,而中文是以字為單位,句子中所有的字連起來才能描述一個(gè)意思。例如,英文句子I am a student,用中文則為:“我是一個(gè)學(xué)生”。計(jì)算機(jī)可以很簡單通過空格知道student是一個(gè)單詞,但是不能很容易明白“學(xué)”、“生”兩個(gè)字合起來才表示一個(gè)詞。把中文的漢字序列切分成有意義的詞,就是中文分詞,有些人也稱為切詞。我是一個(gè)學(xué)生,分詞的結(jié)果是:我 是 一個(gè) 學(xué)生。

進(jìn)行分詞之后,還需要根據(jù)你輸入的搜索詞進(jìn)行你的購物意圖分析。用戶進(jìn)行搜索時(shí)常常有如下幾類意圖:(1)瀏覽型:沒有明確的購物對象和意圖,邊看邊買,用戶比較隨意和感性。Query例如:”2010年10大香水排行”,”2010年流行毛衣”, “zippo有多少種類?”;(2)查詢型:有一定的購物意圖,體現(xiàn)在對屬性的要求上。Query例如:”適合老人用的手機(jī)”,”500元 手表”;(3)對比型:已經(jīng)縮小了購物意圖,具體到了某幾個(gè)產(chǎn)品。Query例如:”諾基亞E71 E63″,”akg k450 px200″;(4)確定型:已經(jīng)做了基本決定,重點(diǎn)考察某個(gè)對象。Query例如:”諾基亞N97″,”IBM T60″。通過對你的購物意圖的分析,主搜索會呈現(xiàn)出完全不同的結(jié)果來。

之后的數(shù)個(gè)步驟后,主搜索系統(tǒng)便根據(jù)上述以及更多復(fù)雜的條件列出了搜索結(jié)果,這一切是由一千多臺搜索服務(wù)器完成。然后你開始逐一點(diǎn)擊瀏覽搜索出的寶貝。你開始查看寶貝詳情頁面。經(jīng)常網(wǎng)購的親們會發(fā)現(xiàn),當(dāng)你買過了一個(gè)寶貝之后,即便是商家多次修改了寶貝詳情頁,你仍然能夠通過‘已買到的寶貝’查看當(dāng)時(shí)的快照。這是為了防止商家對在商品詳情中承諾過的東西賴賬不認(rèn)。那么顯然,對于每年數(shù)十上百億比交易的商品詳情快照進(jìn)行保存和快速調(diào)用不是一個(gè)簡單的事情。這其中又涉及到數(shù)套系統(tǒng)的共同協(xié)作,其中較為重要的是Tair,淘寶自行研發(fā)的分布式KV存儲方案。

然后無論你是否真正進(jìn)行了交易,你的這些訪問行為便忠實(shí)的被系統(tǒng)記錄下來,用于后續(xù)的業(yè)務(wù)邏輯和數(shù)據(jù)分析。這些記錄中訪問日志記錄便是最重要的記錄之一, 但是前邊我們得知,這些訪問是分布在各個(gè)地區(qū)很多不同的服務(wù)器上的,并且由于用戶眾多,這些日志記錄都非常龐大,達(dá)到TB級別非常正常。那么為了快速及時(shí) 傳輸同步這些日志數(shù)據(jù),淘寶研發(fā)了TimeTunnel,用于進(jìn)行實(shí)時(shí)的數(shù)據(jù)傳輸,交給后端系統(tǒng)進(jìn)行計(jì)算報(bào)表等操作。

你的瀏覽數(shù)據(jù)、交易數(shù)據(jù)以及其它很多很多的數(shù)據(jù)記錄均會被保留下來。使得淘寶存儲的歷史數(shù)據(jù)輕而易舉的便達(dá)到了十?dāng)?shù)甚至更多個(gè) PB(1PB=1024TB=1048576GB)。如此巨大的數(shù)據(jù)量經(jīng)過淘寶系統(tǒng)1:120的極限壓縮存儲在淘寶的數(shù)據(jù)倉庫中。并且通過一個(gè)叫做云梯的,由2000多臺服務(wù)器組成的超大規(guī)模數(shù)據(jù)系統(tǒng)不斷的進(jìn)行分析和挖掘。

從這些數(shù)據(jù)中淘寶能夠知道小到你是誰,你喜歡什么,你的孩子幾歲了,你是否在談戀愛,喜歡玩魔獸世界的人喜歡什么樣的飲料等,大到各行各業(yè)的零售情況、各類商品的興衰消亡等等海量的信息。

說了這么多,其實(shí)也只是敘述了淘寶上正在運(yùn)行的成千上萬個(gè)系統(tǒng)中的寥寥幾個(gè)。即便是你僅僅訪問一次淘寶的首頁,所涉及到的技術(shù)和系統(tǒng)規(guī)模都是你完全無法想象的,是淘寶2000多名頂級的工程師們的心血結(jié)晶,其中甚至包括長江學(xué)者、國家科學(xué)技術(shù)最高獎得主等眾多大牛。同樣,百度、騰訊等的業(yè)務(wù)系統(tǒng)也絕不比淘寶簡單。你需要知道的是,你每天使用的互聯(lián)網(wǎng)產(chǎn)品,看似簡單易用,背后卻凝聚著難以想象的智慧與勞動。

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

我如何了解最新的HTML標(biāo)準(zhǔn)和最佳實(shí)踐? 我如何了解最新的HTML標(biāo)準(zhǔn)和最佳實(shí)踐? Jun 20, 2025 am 08:33 AM

要跟上HTML標(biāo)準(zhǔn)和最佳實(shí)踐,關(guān)鍵在於有意為之而非盲目追隨。首先,關(guān)注官方來源如WHATWG和W3C的摘要或更新日誌,了解新標(biāo)籤(如)和屬性,將其作為參考解決疑難問題;其次,訂閱可信的網(wǎng)頁開發(fā)新聞通訊和博客,每週花10-15分鐘瀏覽更新,關(guān)注實(shí)際用例而非僅收藏文章;再次,使用開發(fā)者工具和linters如HTMLHint,通過即時(shí)反饋優(yōu)化代碼結(jié)構(gòu);最後,與開發(fā)者社區(qū)互動,分享經(jīng)驗(yàn)並學(xué)習(xí)他人實(shí)戰(zhàn)技巧,從而持續(xù)提升HTML技能。

如何使用元素來表示文檔的主要內(nèi)容? 如何使用元素來表示文檔的主要內(nèi)容? Jun 19, 2025 pm 11:09 PM

使用標(biāo)籤的原因是提升網(wǎng)頁的語義化結(jié)構(gòu)和可訪問性,使屏幕閱讀器和搜索引擎更易理解頁面內(nèi)容,並允許用戶快速跳轉(zhuǎn)至核心內(nèi)容。以下是關(guān)鍵要點(diǎn):1.每個(gè)頁面應(yīng)僅包含一個(gè)元素;2.不應(yīng)包括跨頁面重複的內(nèi)容(如側(cè)邊欄或頁腳);3.可與ARIA屬性結(jié)合使用以增強(qiáng)無障礙體驗(yàn)。通常位於和之後、之前,用於包裹唯一的頁面內(nèi)容,例如文章、表單或產(chǎn)品詳情,並應(yīng)避免嵌套在、或中;為提高輔助功能,可使用aria-labelledby或aria-label明確標(biāo)識部分。

如何最小化HTML文件的大??? 如何最小化HTML文件的大??? Jun 24, 2025 am 12:53 AM

要減小HTML文件大小需清理冗余代碼、壓縮內(nèi)容并優(yōu)化結(jié)構(gòu)。1.刪除未使用的標(biāo)簽、注釋和多余空白以減少體積;2.將內(nèi)聯(lián)CSS和JavaScript移至外部文件并合并多個(gè)腳本或樣式塊;3.在不影響解析的前提下簡化標(biāo)簽語法,如省略可選閉合標(biāo)簽或使用簡短屬性;4.清理后啟用Gzip或Brotli等服務(wù)器端壓縮技術(shù)進(jìn)一步縮減傳輸體積。這些步驟可在不犧牲功能的前提下顯著提升頁面加載性能。

如何創(chuàng)建基本的HTML文檔? 如何創(chuàng)建基本的HTML文檔? Jun 19, 2025 pm 11:01 PM

要創(chuàng)建一個(gè)基本的HTML文檔,首先需要了解其基本結(jié)構(gòu)並按照標(biāo)準(zhǔn)格式編寫代碼。 1.開始時(shí)使用聲明文檔類型;2.使用標(biāo)籤包裹整個(gè)內(nèi)容;3.在其中包含和兩個(gè)主要部分,用於存放元數(shù)據(jù)如標(biāo)題、樣式錶鍊接等,而則包含用戶可見的內(nèi)容如標(biāo)題、段落、圖片和鏈接;4.保存文件為.html格式並在瀏覽器中打開查看效果;5.隨後可逐步添加更多元素以豐富頁面內(nèi)容。遵循這些步驟即可快速構(gòu)建一個(gè)基礎(chǔ)網(wǎng)頁。

如何使用 如何使用 Jun 19, 2025 pm 11:41 PM

要創(chuàng)建HTML複選框,需使用type屬性設(shè)為checkbox的元素。 1.基本結(jié)構(gòu)包含id、name和label標(biāo)籤,確保點(diǎn)擊文字可切換選項(xiàng);2.多個(gè)相關(guān)複選框應(yīng)使用相同name但不同value,並用fieldset包裹提升可訪問性;3.自定義樣式時(shí)隱藏原生控件並用CSS設(shè)計(jì)替代元素,同時(shí)保持功能完整;4.確??捎眯裕鋵abel、支持鍵盤導(dǎo)航且避免僅依賴視覺提示。以上步驟能幫助開發(fā)者正確實(shí)現(xiàn)兼具功能與美觀的複選框組件。

隨著時(shí)間的流逝,HTML如何發(fā)展,其歷史上的關(guān)鍵里程碑是什麼? 隨著時(shí)間的流逝,HTML如何發(fā)展,其歷史上的關(guān)鍵里程碑是什麼? Jun 24, 2025 am 12:54 AM

htmlhasevolvedscreatscreationtomeetthegrowingdemandsofwebdevelopersandusers.inatelyallyasimplemarkuplanguageforsharingdocuments,ithasundergonemajorupdates,包括html.2.0,包括wheintrodistusefforms;

如何使用元素代表文檔或部分的頁腳? 如何使用元素代表文檔或部分的頁腳? Jun 25, 2025 am 12:57 AM

是HTML5中用於定義頁面或內(nèi)容區(qū)塊底部的語義化標(biāo)籤,通常包含版權(quán)信息、聯(lián)繫方式或?qū)Ш芥溄拥?;它可置於頁面底部或嵌套在、等?biāo)籤內(nèi)作為區(qū)塊尾部;使用時(shí)應(yīng)注意避免重複濫用及放入無關(guān)內(nèi)容。

如何使用Tabindex屬性來控制元素的選項(xiàng)卡順序? 如何使用Tabindex屬性來控制元素的選項(xiàng)卡順序? Jun 24, 2025 am 12:56 AM

ThetabindexattributecontrolshowelementsreceivefocusviatheTabkey,withthreemainvalues:tabindex="0"addsanelementtothenaturaltaborder,tabindex="-1"allowsprogrammaticfocusonly,andtabindex="n"(positivenumber)setsacustomtabbing

See all articles