百度貼吧,百度圖片的實現
騰訊isux研究院的實現
淘寶- 我的淘寶頁實現同上,只不過是不同版本
不得不提的一個插件 https://github.com/aFarkas/html5shiv 在github 上達到了3453 星的高度,獲得了國內外的廣泛認可,如果你厭煩了滿頁面的div 想盡早擁抱html5 元素,就使用它吧。
【兼容模式的選擇】
關於兼容模式
百度首頁使用的是
百度搜索頁使用的是
百度圖片,騰訊isux研究院,淘寶收藏頁使用的是
X-UA-Compatible 這是個是IE8的專用標記,用來指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式
chrome=1寫法可以達到的效果是如果安裝了GCF,則使用GCF來渲染頁面,如果未安裝GCF,則使用最高版本的IE內核進行渲染。
百度首頁那麼點東西他當然不在乎用哪種模式,更多地去照顧老式瀏覽器; 搜索頁傾向於速度有GCF的時候更願意使用chorme渲染。
不得不吐槽,國內各的銀行支付時的兼容支持,由此第三種得到大家的共同認可似乎也無可厚非。
【移動至上】
騰訊isux研究院的實現
淘寶主頁的實現
這裏沒貼百度的,不代表百度不重視這一塊,反而太重視了,19億$買了91無線 再加上 百度App 貼吧App 音樂App 圖片APP ... 全有了。
【建議升級】
什麼,連ie8都不是? 無法容忍啊,建議你早點換吧!
【參考模版】
<html lang="zh-CN"> 性屬說明這個html內容是以中文爲顯示和閱讀基礎,多語言的網站建議添加。
通常情況下CSS放文檔開始,腳本放在文檔末尾我想不用解釋太多
如果一個頁面足夠簡單,寫在頁面上是完全 OK 的,特別是一些簡單的專題,但是項目上需謹慎使用
頁面全局變量命名隨記 PDC FP PageInfo window.g_config (function(){window.PDC={}})();
【CDN加速】【dataUrl】【css spirte】【按需加載和loader機制】【壓縮檢查發佈】
作爲一個前端開發,這些你做了嗎?