被新浪微博的源碼,震驚了?

他應該是採用了前端模板渲染的方式吧,大部分的HTML代碼都寫在了script標籤裡面

,也沒有看見其他的js引用文件,是怎麼做到的!


谷歌:

bigpipe 新浪微博

你應該能找到很多關於這個技術的分享

--------

抱歉,是bigpipe我之前拼錯了


題主說沒什麼 JS 引用文件我也是醉了,看一下請求……

粗略看了一下源碼感覺 STK 是個特別的東西

於是 Google 了一下,得到了這個:圍觀STK - JKisJK


瀉藥

基本上是後端模板渲染

前端只做了少部分交互組件的模板渲染工作

基於 bp 模式開發

還是應用了一些基礎公用js的

只不過不是直接搞script src的

現在由FM管理器來載入

可參考 http://velocity.oreilly.com.cn/2011/ppts/WK_velocity.pdf


推薦BearRui(AK-47)寫的一篇技術博客,【名站技術分析:facebook奇特的頁面載入技術】 ,分析的相當透徹,順便盜他一張源碼截圖:


看到題主的問題我不自覺地看了看微博的代碼,瞬間也震驚了,不明覺厲


bigpipe的應用,類似的國內hao123也同樣應用到了此技術。


facebook的一個華裔工程師最早提出這項技術,頁面分片載入,之後就有了新浪微博、人人的公共主頁的學習。


以下是我個人的理解,歡迎指正:

1.html寫在js裡面可以減少對後台伺服器的壓力吧,計算交給瀏覽器?

2.js對自適應的配置更精確?


推薦閱讀:

為什麼新浪微博網頁在北美地區經常帶不開或者找不到網頁?
新浪(sina)真的是「支那」的音譯么?新浪和日本有關係么?
新浪 COO 杜紅是一個怎樣的人?
新浪體育 NBA 的「今日數據趣談」是新浪原創的嗎?原始數據來自哪裡?
如何評價新浪籃球編輯張文璟?

TAG:新浪微博 | 前端開發 | 技術 | 新浪 | 前端工程師 |