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