web前端性能優(yōu)化

無論是在工作中，還是在面試中摔桦，web前端性能的優(yōu)化都是很重要的端朵，那么我們進行優(yōu)化需要從哪些方面入手呢好芭？本文將遵循yahoo前端性能團隊總結的34條黃金定律，哦不冲呢，現(xiàn)在是35條了舍败。

網(wǎng)頁內容

1.減少HTTP請求次數(shù)。

減少頁面的HTTP請求數(shù)是個起點敬拓，這是提升站點首次訪問速度的重要指導原則邻薯。

相關的方案如下：

  • 合并文件

  • CSS Sprites

  • 圖像映射。

    可以把多張圖片合并成單張圖片乘凸，總大小是一樣的厕诡，但減少了請求數(shù)并加速了頁面加載。圖片映射只有在圖像在頁面中連續(xù)的時候才有用营勤，比如導航條灵嫌。給image map設置坐標的過程既無聊又容易出錯，用image map來做導航也不容易葛作，所以不推薦用這種方式寿羞。

    具體用法見 HTML圖像映射

  • 行內圖片（Base64編碼）

2.減少DNS查詢次數(shù)

相關方案如下：

  • DNS緩存

  • 減少不同的主機名，從而減少DNS查找

    減少不同主機名的數(shù)量同時也減少了頁面能夠并行下載的組件數(shù)量赂蠢，避免DNS查找削減了響應時間稠曼，而減少并行下載數(shù)量卻增加了響應時間。這是同時減少DNS查找和允許高并發(fā)下載的折中方案客年。

3.避免頁面跳轉

當客戶端收到服務器的跳轉回復時，客戶端再次根據(jù)服務器回復中的location指定的地址再次發(fā)送請求漠吻，例如以下跳轉回復量瓜。

HTTP/1.1 301 Moved Permanently
Location: http://example.com/newuri
Content-Type: text/html
復制代碼

當客戶端遇到這種回復的時候，用戶只能等待客戶端再次發(fā)送請求途乃，有的網(wǎng)站甚至會一直跳n次绍傲，跳到他想帶你去的地方…當然在這個時候用戶看不到任何頁面內容，只有瀏覽器的進度條一直在刷新耍共。

重定向會拖慢用戶體驗烫饼，在用戶和HTML文檔之間插入重定向會延遲頁面上的所有東西，頁面無法渲染试读，組件也無法開始下載杠纵，直到HTML文檔被送達瀏覽器。所以要避免頁面跳轉钩骇。

4.緩存Ajax

Ajax可以幫助我們異步的下載網(wǎng)頁內容比藻，但是有些網(wǎng)頁內容即使是異步的铝量，用戶還是在等待它的返回結果，例如ajax的返回是用戶聯(lián)系人的下拉列表银亲。所以我們還是要注意盡量應用以下規(guī)則提高ajax的響應速度慢叨。

相關方案如下：

  • 添加Expires或Cache-Control報文頭使響應可以被客戶端緩存
  • Gzip壓縮傳輸文件
  • 減少DNS查詢
  • 壓縮響應內容
  • 避免頁面跳轉
  • 配置ETags

5.延遲加載

這里討論延遲加載需要我們知道我們的網(wǎng)頁最初加載需要的最小內容集是什么。剩下的內容就可以推到延遲加載的集合中务蝠。

Javascript是典型的可以延遲加載內容拍谐。一個比較激進的做法是開發(fā)網(wǎng)頁時先確保網(wǎng)頁在沒有Javascript的時候也可以基本工作，然后通過延遲加載腳本來完成一些高級的功能馏段。

6.提前加載

與延遲加載目的相反轩拨，提前加載的是為了提前加載接下來網(wǎng)頁中訪問的資源

下面是提前加載的類型：

  • 無條件提前加載：當前網(wǎng)頁加載完成后，馬上去下載一些其他的內容毅弧。例如google會在頁面加載成功之后馬上去下載一個所有結果中會用到的image sprite气嫁。[圖片上傳中...(image-e44af1-1604396005715-1)]

    <figcaption></figcaption>

  • 有條件加載：根據(jù)用戶的輸入推斷需要加載的內容，雅虎的示例是search.yahoo.com[圖片上傳中...(image-dca568-1604396005715-0)]

    <figcaption></figcaption>

  • 有預期的的加載：這種情況一般發(fā)生在網(wǎng)頁重新設計時够坐，由于用戶經常訪問舊網(wǎng)頁寸宵，本地對舊的網(wǎng)頁內容緩存充分從而顯得舊網(wǎng)頁速度很快，而新的網(wǎng)頁內容卻沒有緩存元咙，設計者可以在舊網(wǎng)頁的內容中預先加載一些新網(wǎng)頁中可能用到的內容梯影，這樣新的網(wǎng)頁就會生下來一些需要下載的資源。

7.減少DOM元素數(shù)量

網(wǎng)頁中元素過多對網(wǎng)頁的加載和腳本的執(zhí)行都是沉重的負擔庶香，500個元素和5000個元素在加載速度上會有很大差別甲棍。

想知道你的網(wǎng)頁中有多少元素，通過在瀏覽器中的一條簡單命令就可以算出赶掖，

document.getElementsByTagName('*').length

多少算是多了呢感猛？雅虎在寫這篇文章的時候號稱主頁只有700多元素，但現(xiàn)在接近多了一倍奢赂。我們的網(wǎng)頁至少別比雅虎還多吧陪白。。膳灶。

[圖片上傳中...(image-2ca650-1604396005721-5)]

<figcaption></figcaption>

8.根據(jù)域名劃分內容

瀏覽器一般對同一個域的下載連接數(shù)有所限制咱士，按照域名劃分下載內容可以瀏覽器增大并行下載連接，但是注意控制域名使用在2-4個之間轧钓，不然dns查詢也是個問題序厉。

一般網(wǎng)站規(guī)劃會將靜態(tài)資源放在類似于static.example.com，動態(tài)內容放在www.example.com上毕箍。這樣做還有一個好處是可以在靜態(tài)的域名上避免使用cookie弛房。后面我們會在cookie的規(guī)則中提到。

9.減少iframe數(shù)量

使用iframe要注意理解iframe的優(yōu)缺點

優(yōu)點：

  • 可以用來加載速度較慢的內容霉晕，例如廣告
  • 安全沙箱保護庭再。瀏覽器會對iframe中的內容進行安全控制捞奕。
  • 腳本可以并行下載

缺點：

  • 即使iframe內容為空也消耗加載時間
  • 會阻止頁面加載
  • 沒有語義

10.避免404

404我們都不陌生，代表服務器沒有找到資源拄轻，我們要特別要注意404的情況不要在我們提供的網(wǎng)頁資源上颅围，客戶端發(fā)送一個請求但是服務器卻返回一個無用的結果，時間浪費掉了恨搓。

更糟糕的是我們網(wǎng)頁中需要加載一個外部腳本院促，結果返回一個404，不僅阻塞了其他腳本下載斧抱，下載回來的內容(404)客戶端還會將其當成Javascript去解析常拓。

css部分

11.避免CSS表達式

CSS表達式可以動態(tài)的設置CSS屬性，在IE5-IE8中支持辉浦，其他瀏覽器中表達式會被忽略弄抬。例如下面表達式在不同時間設置不同的背景顏色。

background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );
復制代碼

CSS表達式的問題在于它被重新計算的次數(shù)遠比我們想象的要多宪郊，不僅在網(wǎng)頁繪制或大小改變時計算掂恕，即使我們滾動屏幕或者移動鼠標的時候也在計算，因此我們還是盡量避免使用它來防止使用不當而造成的性能損耗弛槐。

如果想達到類似的效果我們可以通過簡單的腳本做到

var currentTime = new Date().getHours();
if (currentTime%2) {
    if (document.body) {
        document.body.style.background = "#B8D4FF";
    }
}
else {
    if (document.body) {
        document.body.style.background = "#F08A00";
    }
}
復制代碼

12.用代替@import

避免使用@import的原因很簡單懊亡，因為它相當于將css放在網(wǎng)頁內容底部。

13.避免使用Filters

AlphaImageLoad也是IE5.5 - IE8中支持乎串，這種濾鏡的使用會導致圖片在下載的時候阻塞網(wǎng)頁繪制店枣，另外使用這種濾鏡會導致內存使用量的問題。IE9中已經不再支持叹誉。

14.將樣式表置頂

經樣式表(css)放在網(wǎng)頁的HEAD中會讓網(wǎng)頁顯得加載速度更快鸯两，因為這樣做可以使瀏覽器逐步加載已將下載的網(wǎng)頁內容。這對內容比較多的網(wǎng)頁尤其重要长豁，用戶不用一直等待在一個白屏上甩卓，而是可以先看已經下載的內容。

如果將樣式表放在底部蕉斜，瀏覽器會拒絕渲染已經下載的網(wǎng)頁，因為大多數(shù)瀏覽器在實現(xiàn)時都努力避免重繪缀棍，樣式表中的內容是繪制網(wǎng)頁的關鍵信息宅此，沒有下載下來之前只好對不起觀眾了。

Javascript

15.去除重復腳本

重復的腳本不僅浪費瀏覽器的下載時間爬范，而且浪費解析和執(zhí)行時間父腕。一般用來避免引入重復腳本的做法是使用統(tǒng)一的腳本管理模塊，這樣不僅可以避免重復腳本引入青瀑，還可以兼顧腳本依賴管理和版本管理璧亮。

16.減少DOM訪問

通過Javascript訪問DOM元素沒有我們想象中快萧诫，元素多的網(wǎng)頁尤其慢，對于Javascript對DOM的訪問我們要注意應更迅速枝嘶，應該：

  • 緩存已經訪問過的元素
  • 先“離線”更新節(jié)點然后再加回DOM Tree
  • 避免通過Javascript修復布局問題

17.使用智能事件處理

這里說智能的事件處理需要開發(fā)者對事件處理有更深入的了解帘饶，通過不同的方式盡量少去觸發(fā)事件，如果必要就盡早的去處理事件群扶。

有時候感覺頁面反映不夠靈敏及刻，是因為有太多頻繁執(zhí)行的事件處理器被添加到了DOM樹的不同元素上，這就是推薦使用事件委托的原因竞阐。如果一個div里面有10個按鈕缴饭，應該只給div容器添加一個事件處理器，而不是給每個按鈕都添加一個骆莹。事件能夠冒泡颗搂，所以可以捕獲事件并得知哪個按鈕是事件源。

18.將腳本置底

HTTP/1.1官方文檔建議瀏覽器每個主機名下并行下載的文件數(shù)不要超過兩個幕垦，如果圖片來自多個主機名丢氢，并行下載的數(shù)量就可以超過兩個。如果腳本正在下載智嚷，瀏覽器就不開始任何其它下載任務卖丸，即使是在不同主機名下的。因為瀏覽器要在腳本下載之后依次解析和執(zhí)行盏道。

因此對于腳本提速稍浆，我們可以考慮以下方式，

  • 把腳本置底猜嘱，這樣可以讓網(wǎng)頁渲染所需要的內容盡快加載顯示給用戶衅枫。
  • 現(xiàn)在主流瀏覽器都支持defer關鍵字，可以指定腳本在文檔加載后執(zhí)行朗伶。
  • HTML5中新加了async關鍵字弦撩，可以讓腳本異步執(zhí)行。

19.使用外部Javascirpt和CSS文件

使用外部Javascript和CSS文件可以使這些文件被瀏覽器緩存论皆，從而在不同的請求內容之間重用益楼。

同時將Javascript和CSS從inline變?yōu)閑xternal也減小了網(wǎng)頁內容的大小。

使用外部Javascript和CSS文件的決定因素在于這些外部文件的重用率点晴，如果用戶在瀏覽我們的頁面時會訪問多次相同頁面或者可以重用腳本的不同頁面感凤，那么外部文件形式可以為你帶來很大的好處。

但對于用戶通常只會訪問一次的頁面粒督，例如microsoft.com首頁陪竿，那inline的javascript和css相對來說可以提供更高的效率。

20.精簡Javascript和CSS

精簡就是將Javascript或CSS中的空格和注釋全去掉屠橄，

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
復制代碼

精簡后版本

body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
復制代碼

統(tǒng)計表明精簡后的文件大小平均減少了21%族跛，即使在應用Gzip的文件也會減少5%闰挡。

例如我的網(wǎng)站上有5個CSS，4個Javascirpt礁哄，下面是分別經過bundling和minify之后的結果长酗。

沒有任何處理之前

[圖片上傳中...(image-d85834-1604396005720-4)]

<figcaption></figcaption>

捆綁Javascript和CSS之后

[圖片上傳中...(image-fadb3a-1604396005720-3)]

<figcaption></figcaption>

精簡Javascript和CSS之后

[圖片上傳中...(image-1aba38-1604396005720-2)]

<figcaption></figcaption>

圖片

21.優(yōu)化圖像

當美工完成了網(wǎng)站的圖片設計后，我們可以在上傳圖片之前對其做以下優(yōu)化

  • 檢查GIF圖片中圖像顏色的數(shù)量是否和調色板規(guī)格一致姐仅。如果你發(fā)現(xiàn)圖片中只用到了4種顏色花枫，而在調色板的中顯示的256色的顏色槽，那么這張圖片就還有壓縮的空間掏膏。

    可以使用imagemagick檢查：identify -verbose image.gif

  • 嘗試把GIF格式轉換成PNG格式劳翰，看看是否節(jié)省空間。大多數(shù)情況下是可以壓縮的馒疹。

    可以安全地把GIF格式轉換為PNG格式：convert image.gif image.png

  • 在所有的PNG圖片上運行pngcrush（或者其它PNG優(yōu)化工具）佳簸。

    例如： pngcrush image.png -rem alla -reduce -brute result.png

  • 在所有的JPEG圖片上運行jpegtran。這個工具可以對圖片中的出現(xiàn)的鋸齒等做無損操作颖变，同時它還可以用于優(yōu)化和清除圖片中的注釋以及其它無用信息

    jpegtran -copy none -optimize -perfect src.jpg dest.jpg

22.優(yōu)化CSS Sprite

  • Sprite圖片中橫向排列一般都比縱向排列的最終文件小
  • Sprite中把顏色較近的組合在一起可以降低顏色數(shù)生均，理想狀況是低于256色以便適用PNG8格式；
  • 不要在Sprite的圖像中間留有較大空隙腥刹。這雖然不大會增加文件大小,但對于用戶代理來說它需要更少的內存來把圖片解壓為像素地圖马胧。100×100的圖片為1萬像素，1000×1000就是100萬像素衔峰。

23.不要在HTML中縮放圖片

不要通過圖片縮放來適應頁面佩脊，如果你需要小圖片，就直接使用小圖片吧垫卤。

24.使用小且可緩存的favicon.ico

網(wǎng)站圖標文件favicon.ico威彰，不管你服務器有還是沒有，瀏覽器都會去嘗試請求這個圖標穴肘。所以我們要確保這個圖標

  • 存在
  • 文件盡量小歇盼，最好小于1k
  • 設置一個長的過期時間

cookie

25.減少Cookie大小

Cookie被用來做認證或個性化設置亚再，其信息被包含在http報文頭中麸粮，對于cookie我們要注意以下幾點愚争，來提高請求的響應速度惠昔，

  • 去除沒有必要的cookie，如果網(wǎng)頁不需要cookie就完全禁掉
  • 將cookie的大小減到最小
  • 注意cookie設置的域級別胚泌，必要情況下不要影響到其它子域
  • 設置合適的過期時間菌瘪，比較長的過期時間可以提高響應速度须眷。

26.頁面內容使用無cookie域名

大多數(shù)網(wǎng)站的靜態(tài)資源都沒必要cookie鱼响，我們可以采用不同的domain來單獨存放這些靜態(tài)文件，這樣做不僅可以減少cookie大小從而提高響應速度组底，還有一個好處是有些代理拒絕緩存帶有cookie的內容丈积，如果能將這些靜態(tài)資源cookie去除筐骇，那就可以得到這些代理的緩存支持。

常見的劃分域名的方式是將靜態(tài)文件放在static.example.com江滨，動態(tài)內容放在www.example.com铛纬。

也有一些網(wǎng)站需要在二級域名上應用cookie，所有的子域都會繼承唬滑，這種情況下一般會再購買一個專門的域名來存放cookie-free的靜態(tài)資源告唆。例如Yahoo!的yimg.com，YouTube的ytimg.com等晶密。

移動端

27.保持單個內容小于25KB

這限制是因為iphone擒悬，他只能緩存小于25K，注意這是解壓后的大小稻艰。所以單純gzip不一定夠用懂牧，精簡文件工具要用上了。

28.打包組建成符合文檔

把頁面內容打包成復合文本就如同帶有多附件的Email尊勿，它能夠使你在一個HTTP請求中取得多個組件僧凤。當你使用這條規(guī)則時，首先要確定用戶代理是否支持（iPhone不支持）元扔。

服務器

29.Gzip壓縮傳輸文件

Gzip通城＃可以減少70%網(wǎng)頁內容的大小，包括腳本澎语、樣式表途事、圖片等文件。Gzip比deflate更高效咏连，主流服務器都有相應的壓縮支持模塊盯孙。

值得注意的是pdf文件可以從需要被壓縮的類型中剔除，因為pdf文件本身已經壓縮祟滴，gzip對其效果不大振惰，而且會浪費CPU。

30.避免圖片src屬性為空

空的圖片src仍然會使瀏覽器發(fā)送請求到服務器垄懂，這樣完全是浪費時間骑晶，而且浪費服務器的資源。尤其是你的網(wǎng)站每天被很多人訪問的時候草慧，這種空請求造成的傷害不容忽略桶蛔。

主要以兩種形式出現(xiàn)：

  • straight HTML

    <img src=””>

  • JavaScript

    var img = new Image();

img.src = “”;
復制代碼

31.配置ETags

雖然標題叫配制ETags，但是這里你要根據(jù)具體情況進行一些判斷漫谷。首先Etag簡單來說是通過一個文件版本標識使得服務器可以輕松判斷該請求的內容是否有所更新仔雷，如果沒有就回復304 (not modified)，從而避免下載整個文件。

但是Etags的版本信息即使主流服務器也未能很好地支持跨服務器的判斷碟婆，比如你從一個服務器集群中一臺得到Etags电抚，然后發(fā)送到了另一臺那么校驗很有可能會失敗。

32.使用GET的Ajax請求

瀏覽器在實現(xiàn)XMLHttpRequest POST的時候分成兩步竖共，先發(fā)header蝙叛，然后發(fā)送數(shù)據(jù)。而GET卻可以用一個TCP報文完成請求公给。另外GET從語義上來講是去服務器取數(shù)據(jù)借帘，而POST則是向服務器發(fā)送數(shù)據(jù)，所以我們使用Ajax請求數(shù)據(jù)的時候盡量通過GET來完成淌铐。

33.盡早flush輸出

網(wǎng)頁后臺程序中我們知道有個方法叫Response.Flush()肺然，一般我們調用它都是在程序末尾，但注意這個方法可以被調用多次匣沼。目的是可以將現(xiàn)有的緩存中的回復內容先發(fā)給客戶端狰挡，讓客戶端“有活干”。

那在什么時候調用這個方法比較好呢释涛？一般情況下我們可以在對于需要加載比較多外部腳本或者樣式表時可以提前調用一次加叁，客戶端收到了關于腳本或其他外部資源的鏈接可以并行的先發(fā)請求去下載，服務器接下來把后續(xù)的處理結果發(fā)給客戶端唇撬。

34.使用CDN（內容分發(fā)網(wǎng)絡）

再次強調第一條黃金定律它匕，減少網(wǎng)頁內容的下載時間。提高下載速度還可以通過CDN(內容分發(fā)網(wǎng)絡)來提升窖认。CDN通過部署在不同地區(qū)的服務器來提高客戶的下載速度豫柬。如果你的網(wǎng)站上有大量的靜態(tài)內容，世界各地的用戶都在訪問扑浸，那CDN是必不可少的烧给。事實上大多數(shù)互聯(lián)網(wǎng)中的巨頭們都有自己的CDN。我們自己的網(wǎng)站可以先通過免費的CDN供應商來分發(fā)網(wǎng)頁資源喝噪。

35.添加Expires或Cache-Control報文頭

這條規(guī)則分為兩個方面：

  • 對于靜態(tài)內容添加Expires础嫡，將靜態(tài)內容設為永不過期，或者很長時間以后酝惧。在IIS中設置Expires可以看Configure the HTTP Expires Response Header (IIS 7)榴鼎。
  • 對于動態(tài)內容應用合適的Cache-Control，讓瀏覽器根據(jù)條件來發(fā)送請求晚唇。關于asp.net的caching巫财，可以看asp.net cache feature和asp.net caching best practices。

作者：星夢花隨0823
鏈接：https://juejin.im/post/6844903987666255885
來源：掘金

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末哩陕，一起剝皮案震驚了整個濱河市平项，隨后出現(xiàn)的幾起案子赫舒，更是在濱河造成了極大的恐慌，老刑警劉巖闽瓢，帶你破解...
    沈念sama閱讀 206,723評論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件号阿，死亡現(xiàn)場離奇詭異，居然都是意外死亡鸳粉，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2贊 382
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門园担，熙熙樓的掌柜王于貴愁眉苦臉地迎上來届谈，“玉大人，你說我怎么就攤上這事弯汰〖枭剑” “怎么了？”我有些...
    開封第一講書人閱讀 152,998評論 0贊 344
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵咏闪，是天一觀的道長曙搬。 經常有香客問我，道長鸽嫂，這世上最難降的妖魔是什么纵装？ 我笑而不...
    開封第一講書人閱讀 55,323評論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮据某，結果婚禮上橡娄，老公的妹妹穿的比我還像新娘。我一直安慰自己癣籽，他們只是感情好挽唉，可當我...
    茶點故事閱讀 64,355評論 5贊 374
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著筷狼，像睡著了一般瓶籽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上埂材，一...
    開封第一講書人閱讀 49,079評論 1贊 285
  • 城市分裂傳說
    那天塑顺，我揣著相機與錄音，去河邊找鬼楞遏。 笑死茬暇，一個胖子當著我的面吹牛，可吹牛的內容都是我干的寡喝。 我是一名探鬼主播糙俗，決...
    沈念sama閱讀 38,389評論 3贊 400
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼预鬓！你這毒婦竟也來了巧骚？” 一聲冷哼從身側響起赊颠，我...
    開封第一講書人閱讀 37,019評論 0贊 259
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎劈彪，沒想到半個月后竣蹦，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經...
    沈念sama閱讀 43,519評論 1贊 300
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡沧奴，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年痘括，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片滔吠。...
    茶點故事閱讀 38,100評論 1贊 333
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡纲菌，死狀恐怖，靈堂內的尸體忽然破棺而出疮绷，到底是詐尸還是另有隱情翰舌，我是刑警寧澤，帶...
    沈念sama閱讀 33,738評論 4贊 324
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布冬骚，位于F島的核電站椅贱，受9級特大地震影響，放射性物質發(fā)生泄漏只冻。R本人自食惡果不足惜庇麦，卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3贊 307
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望属愤。 院中可真熱鬧女器，春花似錦、人聲如沸住诸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0贊 19
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽贱呐。三九已至丧诺，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間奄薇，已是汗流浹背驳阎。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1贊 262
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留馁蒂，地道東北人呵晚。 一個月前我還...
    沈念sama閱讀 45,547評論 2贊 354
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像沫屡，于是被迫代替她去往敵國和親饵隙。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
    茶點故事閱讀 42,834評論 2贊 345