建站
咨詢
售后
建站咨詢
新聞中心
新版 SkyDrive 介紹在此，總的來(lái)說(shuō)，新 SkyDrive 架構(gòu)已經(jīng)使用 AJAX、HTML 5 和現(xiàn)代瀏覽器特性來(lái)減少頁(yè)面加載時(shí)間，并使得每次點(diǎn)擊幾乎是瞬時(shí)完成的。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),平度企業(yè)網(wǎng)站建設(shè),平度品牌網(wǎng)站建設(shè),網(wǎng)站定制,平度網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,平度網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
頁(yè)面加載
舊版 SkyDrive 基于服務(wù)器端渲染架構(gòu)，意味著每次切換 SkyDrive 頁(yè)面，SkyDrive 會(huì)在服務(wù)器端完全生成新的頁(yè)面。這整個(gè)過(guò)程客戶端與服務(wù)器的通訊次數(shù)過(guò)多、外加沒(méi)有客戶端緩存，因此比較耗時(shí)。
得益于數(shù)千萬(wàn)用戶升級(jí)至現(xiàn)代瀏覽器，新版 SkyDrive 轉(zhuǎn)向了更為智能靈活的 AJAX 架構(gòu)。數(shù)據(jù)傳輸?shù)膮f(xié)議格式也從 XML 轉(zhuǎn)變?yōu)榱?JSON。另外舊版 SkyDrive 的 ASP.NET 服務(wù)器只會(huì)在整個(gè)頁(yè)面完成渲染后返回給客戶端瀏覽器，而新版 SkyDrive 服務(wù)器則是會(huì)將完成的部分分段返回至客戶端。
但目前也僅有文件瀏覽體驗(yàn)采用了AJAX 架構(gòu)，部分 SkyDrive 體驗(yàn)仍需要重新加載頁(yè)面(比如權(quán)限設(shè)置、刪除文件、照片排序)。這些都會(huì)在以后更新中逐步遷移到新的 AJAX 架構(gòu)。
HTTP/JSON 數(shù)據(jù)訪問(wèn)協(xié)議
SkyDrive 團(tuán)隊(duì)為新版構(gòu)建了新的一套數(shù)據(jù)訪問(wèn)協(xié)議，基于 HTTP 和 JSON，可快速執(zhí)行排序、篩選和分頁(yè)以滿足用戶所需數(shù)據(jù)。同時(shí) SkyDrive 團(tuán)隊(duì)也從 SQL Server 數(shù)據(jù)庫(kù)層為此協(xié)議進(jìn)行了排序篩選方面的優(yōu)化。
此數(shù)據(jù)訪問(wèn)協(xié)議所用的數(shù)據(jù)格式為 JSON，也支持客戶端緩存。并且頂級(jí)用戶數(shù)據(jù)已經(jīng)內(nèi)嵌于 HTML 頁(yè)面數(shù)據(jù)中，而不是分開請(qǐng)求。
列表視圖虛擬化
即類似于 Bing 圖像搜索的無(wú)限滾動(dòng)，首次加載僅部分，結(jié)合滾動(dòng)條判斷是否繼續(xù)加載更多數(shù)據(jù)。(可通過(guò) Ctrl + End 測(cè)試)
[[36619]]
客戶端緩存
分為兩層，一是瀏覽器的緩存，二是內(nèi)存內(nèi)數(shù)據(jù)緩存。內(nèi)存內(nèi)數(shù)據(jù)緩存僅對(duì)此次 SkyDrive Session 有效，可快速地在各個(gè)文件夾之間切換。同時(shí)新 SkyDrive 還為了配合列表視圖虛擬化進(jìn)行了預(yù)緩存的處理。
HTML 5
新版 SkyDrive 通過(guò) HTML 5 實(shí)現(xiàn) CSS 動(dòng)畫、Reflow動(dòng)畫和其他功能，同時(shí)也用到了本地存儲(chǔ)作為客戶端緩存的一部分，以及保證各個(gè)現(xiàn)代瀏覽器的渲染兼容性。
但目前 SkyDrive 仍使用 Silverlight 作為其上傳控件，因?yàn)?Silverlight 可以調(diào)整上傳圖片的大小。而且 JavaScript 采用的是 jQuery框架。
官方博文: Howwe used HTML5 to make SkyDrive fast for millions of people
【編輯推薦】
- HTML 5在應(yīng)用程序開發(fā)方面沒(méi)有捷徑
- 五理由 .NET開發(fā)者應(yīng)該關(guān)注HTML 5
- HTML 5華麗麗的新特性
- HTML 5和CSS3表單示例和詳細(xì)教程匯總
- HTML 5基礎(chǔ)之HTML 5 API的威力
網(wǎng)站欄目：揭秘新版SkyDrive架構(gòu)的幕后
網(wǎng)頁(yè)URL：http://fisionsoft.com.cn/article/dhicgep.html
