揭秘新版SkyDrive架构的幕后

新版 SkyDrive 介绍在此，总的来说，新 SkyDrive 架构已经使用 AJAX、HTML 5 和现代浏览器特性来减少页面加载时间，并使得每次点击几乎是瞬时完成的。

创新互联公司是一家集网站建设,平度企业网站建设,平度品牌网站建设,网站定制,平度网站建设报价,网络营销,网络优化,平度网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

页面加载

旧版 SkyDrive 基于服务器端渲染架构，意味着每次切换 SkyDrive 页面，SkyDrive 会在服务器端完全生成新的页面。这整个过程客户端与服务器的通讯次数过多、外加没有客户端缓存，因此比较耗时。

得益于数千万用户升级至现代浏览器，新版 SkyDrive 转向了更为智能灵活的 AJAX 架构。数据传输的协议格式也从 XML 转变为了 JSON。另外旧版 SkyDrive 的 ASP.NET 服务器只会在整个页面完成渲染后返回给客户端浏览器，而新版 SkyDrive 服务器则是会将完成的部分分段返回至客户端。

但目前也仅有文件浏览体验采用了AJAX 架构，部分 SkyDrive 体验仍需要重新加载页面(比如权限设置、删除文件、照片排序)。这些都会在以后更新中逐步迁移到新的 AJAX 架构。

HTTP/JSON 数据访问协议

SkyDrive 团队为新版构建了新的一套数据访问协议，基于 HTTP 和 JSON，可快速执行排序、筛选和分页以满足用户所需数据。同时 SkyDrive 团队也从 SQL Server 数据库层为此协议进行了排序筛选方面的优化。

此数据访问协议所用的数据格式为 JSON，也支持客户端缓存。并且顶级用户数据已经内嵌于 HTML 页面数据中，而不是分开请求。

列表视图虚拟化

即类似于 Bing 图像搜索的无限滚动，首次加载仅部分，结合滚动条判断是否继续加载更多数据。(可通过 Ctrl + End 测试)

[[36619]]

客户端缓存

分为两层，一是浏览器的缓存，二是内存内数据缓存。内存内数据缓存仅对此次 SkyDrive Session 有效，可快速地在各个文件夹之间切换。同时新 SkyDrive 还为了配合列表视图虚拟化进行了预缓存的处理。

HTML 5

新版 SkyDrive 通过 HTML 5 实现 CSS 动画、Reflow动画和其他功能，同时也用到了本地存储作为客户端缓存的一部分，以及保证各个现代浏览器的渲染兼容性。

但目前 SkyDrive 仍使用 Silverlight 作为其上传控件，因为 Silverlight 可以调整上传图片的大小。而且 JavaScript 采用的是 jQuery框架。

官方博文: Howwe used HTML5 to make SkyDrive fast for millions of people

【编辑推荐】

1. HTML 5在应用程序开发方面没有捷径
2. 五理由 .NET开发者应该关注HTML 5
3. HTML 5华丽丽的新特性
4. HTML 5和CSS3表单示例和详细教程汇总
5. HTML 5基础之HTML 5 API的威力

网站名称：揭秘新版SkyDrive架构的幕后
文章URL：http://www.mswzjz.cn/qtweb/news18/231118.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能