windowslive站点源码里的学问
最近注意到windowslive.com,ViewSource了一下,發(fā)現(xiàn)代碼很規(guī)范很漂亮哦~沒有ViewState這樣的丑陋代碼,js和css也很少。但是css和js很奇怪喲~
code <link href="/styles.ashx?k=265562125&c=True&v=9.07.20" rel="stylesheet" type="text/css" />注意到這個(gè)css的地址,是一個(gè)ashx文件,這是一個(gè)http handler,根據(jù)傳進(jìn)去的k值,返回對(duì)應(yīng)的css代碼,c是compressed的首字母,代表是否壓縮(這個(gè)試一下就知道了)。
在大概一個(gè)多月前,我看到的k值可不是這樣的,而是一個(gè)個(gè)用逗號(hào)分開的值,像這樣:styles.ashx?k=8412,3243,4524,9453&c=true。可能現(xiàn)在已經(jīng)把這樣的feature組合取了一個(gè)新的值,那就是現(xiàn)在看到的265562125。
同樣,在這個(gè)頁面里的js也是這樣做的:
code <script type="text/javascript" src="/scripts.ashx?k=96052175&c=True&v=9.07.20"></script>把c改成false,download下來看一下,發(fā)現(xiàn)首先是帶注釋的jQuery源代碼:
并以/* start ~/Content/scripts/jquery-1.3.2.js*/開頭,/* end ~/Content/scripts/jquery-1.3.2.js */結(jié)束,緊接著是jqmodule插件:
接著還有其他的插件,以及其他的一些操作的 js code。全部combine在一起,并且壓縮好,真是一個(gè)不錯(cuò)的做法,減少了頁面請(qǐng)求次數(shù),加快了頁面load速度,也就增加了用戶體驗(yàn):-)。
通過分析這個(gè)網(wǎng)站的代碼,可以得出兩個(gè)結(jié)論:
另外我也稍微看了一下www.microsoft.com/expression,發(fā)現(xiàn)已經(jīng)開始使用Dean Edwards的IE7.js了:
?
微軟逐漸意識(shí)到一些開源項(xiàng)目是多么優(yōu)秀了。不過說來也很可笑,微軟自己出的IE瀏覽器,最終卻需要第三方的一個(gè)js來使不同版本的IE表現(xiàn)一致……有點(diǎn)可笑啊~~
順便再贊一下Dean Edwards,其實(shí)前文中已經(jīng)提到過。真是個(gè)厲害的家伙。
轉(zhuǎn)載于:https://www.cnblogs.com/xushuo/archive/2009/07/27/windows-live-website-code-analysis.html
總結(jié)
以上是生活随笔為你收集整理的windowslive站点源码里的学问的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [渝粤教育] 中国地质大学 概率论与数理
- 下一篇: JavaEE笔记——快递管理系统架构