UITableView 的優(yōu)化技巧

UITableView 是 iOS 開發(fā)中的常用控件澈蝙，用來加載列表數(shù)據(jù)美莫，當(dāng)列表數(shù)據(jù)量大或者列表布局過于復(fù)雜的時候有可能出現(xiàn)卡頓途凫，影響用戶體驗，這個時候就要考慮對 UITableView 進(jìn)行優(yōu)化了宗挥。在這里將學(xué)習(xí) VVebo 的 UITableView 優(yōu)化技巧的心得記錄下來。

緩存 Cell 高度

UITableView 的 UITableViewDelegate 里面有個方法 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath; 專門用于獲取 Cell 的高度 种蝶。由于UITableView在繪制 Cell 的時候每次會主動獲取 Cell 的高度契耿，所以這里的優(yōu)化點是減少該方法的執(zhí)行時間。保存第一次計算出來的 Cell 高度,并保存到 Cell 對應(yīng)的 Model 上 ,而不是每次重復(fù)計算 Cell 的高度螃征，可以達(dá)到減少該方法的執(zhí)行時間的目的搪桂。

//獲取數(shù)據(jù)，并計算 frame
- (void)loadData{
    NSArray *temp = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"data" ofType:@"plist"]];
    // 省略代碼
    for (NSDictionary *dict in temp) {
        NSDictionary *retweet = [dict valueForKey:@"retweeted_status"];
        if (retweet) {
             // ... 省略代碼
            {
                // 計算 View 的 frame 
                float width = [UIScreen screenWidth]-SIZE_GAP_LEFT*2;
                CGSize size = [subData[@"text"] sizeWithConstrainedToWidth:width fromFont:FontWithSize(SIZE_FONT_SUBCONTENT) lineSpace:5];
                NSInteger sizeHeight = (size.height+.5);
                subData[@"textRect"] = [NSValue valueWithCGRect:CGRectMake(SIZE_GAP_LEFT, SIZE_GAP_BIG, width, sizeHeight)];
                sizeHeight += SIZE_GAP_BIG;
                if (subData[@"pic_urls"] && [subData[@"pic_urls"] count]>0) {
                    sizeHeight += (SIZE_GAP_IMG+SIZE_IMAGE+SIZE_GAP_IMG);
                }
                sizeHeight += SIZE_GAP_BIG;
               // 保存 View 的 frame 
                subData[@"frame"] = [NSValue valueWithCGRect:CGRectMake(0, 0, [UIScreen screenWidth], sizeHeight)];
            }
            data[@"subData"] = subData;
        }
       // ... 省略代碼
        
        {
           // ... 省略代碼
            NSMutableDictionary *subData = [data valueForKey:@"subData"];
            if (subData) {
           // 計算 View 的 frame
                sizeHeight += SIZE_GAP_BIG;
                CGRect frame = [subData[@"frame"] CGRectValue];
                CGRect textRect = [subData[@"textRect"] CGRectValue];
                frame.origin.y = sizeHeight;
                subData[@"frame"] = [NSValue valueWithCGRect:frame];
                textRect.origin.y = frame.origin.y+SIZE_GAP_BIG;
                subData[@"textRect"] = [NSValue valueWithCGRect:textRect];
                sizeHeight += frame.size.height;
                data[@"subData"] = subData;
            }
            
            sizeHeight += 30;
             // 保存  View 的 frame 
            data[@"frame"] = [NSValue valueWithCGRect:CGRectMake(0, 0, [UIScreen screenWidth], sizeHeight)];
        }
        [datas addObject:data];
    }
}

計算出來的 Cell 高度可以在 UITableViewDelegate 使用。

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    NSDictionary *dict = datas[indexPath.row];
    float height = [dict[@"frame"] CGRectValue].size.height;
    return height;
}

異步渲染內(nèi)容到圖片

5踢械、完整內(nèi)容.png

這是一張典型的微博頁面酗电，這個頁面若是采用普通的 View 控件拼湊的話，會需要多少個控件呢内列？我們這里簡單劃分一下撵术。粗略劃分了一下，我們大概需要 13 個 view 才能完成话瞧。


image.png

對 TableView 的優(yōu)化有時候可以直接考慮對 TableViewCell 的優(yōu)化嫩与。對于復(fù)雜 View 的優(yōu)化，首先考慮減少 View 的布局層級交排。我們將這個復(fù)雜的問題簡單化划滋，我們把 TableViewCell 按下圖所示分割成三個部分，分別用紅色个粱，綠色古毛，藍(lán)色區(qū)分開來。 通過和實際的頁面對比都许，我們可以看到紅色部分的名字稻薇，日期，來源以及藍(lán)色部分相對來說比較簡單胶征，布局變化比較小塞椎，所以我們可以考慮將這些內(nèi)容全部繪制到一張圖片上，來達(dá)到減少 View 的布局層級的目的睛低。


image.png

我們排除其他干擾控件案狠，使用 Xcode 來查看 TableViewCell 的布局層次，可以清晰的看到紅色部分的名字钱雷，日期骂铁，來源以及整個藍(lán)色藍(lán)色部分都是直接繪制在圖片上，圖片使用一個 UIImageView 來承載罩抗。


image.png
 // 使用 CoreText 繪制
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        CGRect rect = [_data[@"frame"] CGRectValue];
        UIGraphicsBeginImageContextWithOptions(rect.size, YES, 0);
        CGContextRef context = UIGraphicsGetCurrentContext();
        // 最外層的大框
//        [[UIColor colorWithRed:250/255.0 green:250/255.0 blue:250/255.0 alpha:1] set];
        [[UIColor redColor] set];
        CGContextFillRect(context, rect);
        if ([_data valueForKey:@"subData"]) {
            // 第二層框
//            [[UIColor colorWithRed:243/255.0 green:243/255.0 blue:243/255.0 alpha:1] set];
            [[UIColor greenColor] set];
            CGRect subFrame = [_data[@"subData"][@"frame"] CGRectValue];
            CGContextFillRect(context, subFrame);
            // 線
            [[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:1] set];
            CGContextFillRect(context, CGRectMake(0, subFrame.origin.y, rect.size.width, 0.5));
        }
        
        {
            // 名字
            float leftX = SIZE_GAP_LEFT+SIZE_AVATAR+SIZE_GAP_BIG;
            float x = leftX;
            float y = (SIZE_AVATAR-(SIZE_FONT_NAME+SIZE_FONT_SUBTITLE+6))/2-2+SIZE_GAP_TOP+SIZE_GAP_SMALL-5;
            [_data[@"name"] drawInContext:context withPosition:CGPointMake(x, y) andFont:FontWithSize(SIZE_FONT_NAME)
                             andTextColor:[UIColor colorWithRed:106/255.0 green:140/255.0 blue:181/255.0 alpha:1]
                                andHeight:rect.size.height];
            y += SIZE_FONT_NAME+5;
            float fromX = leftX;
            float size = [UIScreen screenWidth]-leftX;
            // 時間和來源
            NSString *from = [NSString stringWithFormat:@"%@  %@", _data[@"time"], _data[@"from"]];
            [from drawInContext:context withPosition:CGPointMake(fromX, y) andFont:FontWithSize(SIZE_FONT_SUBTITLE)
                   andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:1]
                      andHeight:rect.size.height andWidth:size];
        }
        
        {
            CGRect countRect = CGRectMake(0, rect.size.height-30, [UIScreen screenWidth], 30);
//            [[UIColor colorWithRed:250/255.0 green:250/255.0 blue:250/255.0 alpha:1] set];
            [[UIColor blueColor] set];
            CGContextFillRect(context, countRect);
            float alpha = 1;
            // 評論
            float x = [UIScreen screenWidth]-SIZE_GAP_LEFT-10;
            NSString *comments = _data[@"comments"];
            if (comments) {
                CGSize size = [comments sizeWithConstrainedToSize:CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX) fromFont:FontWithSize(SIZE_FONT_SUBTITLE) lineSpace:5];
                
                x -= size.width;
                [comments drawInContext:context withPosition:CGPointMake(x, 8+countRect.origin.y)
                                andFont:FontWithSize(12)
                           andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:1]
                              andHeight:rect.size.height];
                // 圖片畫到 context
                [[UIImage imageNamed:@"t_comments.png"] drawInRect:CGRectMake(x-5, 10.5+countRect.origin.y, 10, 9) blendMode:kCGBlendModeNormal alpha:alpha];
                commentsRect = CGRectMake(x-5, self.height-50, [UIScreen screenWidth]-x+5, 50);
                x -= 20;
            }
            // 轉(zhuǎn)發(fā)
            NSString *reposts = _data[@"reposts"];
            if (reposts) {
                CGSize size = [reposts sizeWithConstrainedToSize:CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX) fromFont:FontWithSize(SIZE_FONT_SUBTITLE) lineSpace:5];
                
                x -= MAX(size.width, 5)+SIZE_GAP_BIG;
                [reposts drawInContext:context withPosition:CGPointMake(x, 8+countRect.origin.y)
                                andFont:FontWithSize(12)
                           andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:1]
                              andHeight:rect.size.height];

                [[UIImage imageNamed:@"t_repost.png"] drawInRect:CGRectMake(x-5, 11+countRect.origin.y, 10, 9) blendMode:kCGBlendModeNormal alpha:alpha];
                repostsRect = CGRectMake(x-5, self.height-50, commentsRect.origin.x-x, 50);
                x -= 20;
            }
            // ...
            [@"???" drawInContext:context
                     withPosition:CGPointMake(SIZE_GAP_LEFT, 8+countRect.origin.y)
                          andFont:FontWithSize(11)
                     andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:.5]
                        andHeight:rect.size.height];
            
            if ([_data valueForKey:@"subData"]) {
                // 線
                [[UIColor colorWithRed:200/255.0 green:200/255.0 blue:200/255.0 alpha:1] set];
                CGContextFillRect(context, CGRectMake(0, rect.size.height-30.5, rect.size.width, .5));
            }
        }
        // 獲取繪制的圖片摔蓝，然后切換到主線程設(shè)置圖片
        UIImage *temp = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        dispatch_async(dispatch_get_main_queue(), ^{
            if (flag==drawColorFlag) {
                postBGView.frame = rect;
                postBGView.image = nil;
                postBGView.image = temp;
            }
        });
    });

在上面代碼中如庭，除了做到減少 View 的布局層級之外還使用了一個非常重要技術(shù)-異步渲染內(nèi)容到圖片恨憎。使用 dispatch_async 將繪制工作放到后臺操作吟榴，減少主線程的計算工作量。

    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{});

使用 CGContextFillRect 用于填充 View 的背景顏色操刀。

//  [[UIColor colorWithRed:250/255.0 green:250/255.0 blue:250/255.0 alpha:1] set];
        [[UIColor redColor] set];
        CGContextFillRect(context, rect);

利用 CoreText 來做文本排版烁挟，具體的 CoreText 實現(xiàn)細(xì)節(jié)可以參考 Demo 代碼

// 名字
            float leftX = SIZE_GAP_LEFT+SIZE_AVATAR+SIZE_GAP_BIG;
            float x = leftX;
            float y = (SIZE_AVATAR-(SIZE_FONT_NAME+SIZE_FONT_SUBTITLE+6))/2-2+SIZE_GAP_TOP+SIZE_GAP_SMALL-5;
            [_data[@"name"] drawInContext:context withPosition:CGPointMake(x, y) andFont:FontWithSize(SIZE_FONT_NAME)
                             andTextColor:[UIColor colorWithRed:106/255.0 green:140/255.0 blue:181/255.0 alpha:1]
                                andHeight:rect.size.height];
            y += SIZE_FONT_NAME+5;
            float fromX = leftX;
            float size = [UIScreen screenWidth]-leftX;
            // 時間和來源
            NSString *from = [NSString stringWithFormat:@"%@  %@", _data[@"time"], _data[@"from"]];
            [from drawInContext:context withPosition:CGPointMake(fromX, y) andFont:FontWithSize(SIZE_FONT_SUBTITLE)
                   andTextColor:[UIColor colorWithRed:178/255.0 green:178/255.0 blue:178/255.0 alpha:1]
                      andHeight:rect.size.height andWidth:size];

異步生成圖片之后切換到主線程設(shè)置圖片

  dispatch_async(dispatch_get_main_queue(), ^{
            if (flag==drawColorFlag) {
                postBGView.frame = rect;
                postBGView.image = nil;
                postBGView.image = temp;
            }
        });

處理好了減少 View 布局層級和異步繪制之后，我們還需要處理一個圓角頭像的問題骨坑。圓角頭像最簡單的處理方法就是使用一張圓形鏤空的圖片來實現(xiàn)撼嗓，不過這個實現(xiàn)方案有個缺陷就是對 View 的背景顏色有要求。這里采用的處理方案就是這個最簡單的處理方法。

image.png

處理好了背景問題静稻，接下來時候看看微博正文的問題了警没。微博的正文放在 label 控件里面，而轉(zhuǎn)發(fā)的微博詳情內(nèi)容放在 detailLabel 里面振湾。這個 label 是自定義控件 VVeboLabel杀迹，里面的 - (void)setText:(NSString *)text 方法具體的實現(xiàn)方式也是采用 CoreText 異步繪制實現(xiàn)的。

//設(shè)置文本內(nèi)容押搪，將文本內(nèi)容設(shè)置在單獨的 View 上面
- (void)drawText{
    if (label==nil||detailLabel==nil) {
        [self addLabel];
    }
    label.frame = [_data[@"textRect"] CGRectValue];
    [label setText:_data[@"text"]];
    if ([_data valueForKey:@"subData"]) {
        detailLabel.frame = [[_data valueForKey:@"subData"][@"textRect"] CGRectValue];
        [detailLabel setText:[_data valueForKey:@"subData"][@"text"]];
        detailLabel.hidden = NO;
    }
}
image.png

可能你會問了树酪，使用 CoreText 異步繪制的文本內(nèi)容如何設(shè)置監(jiān)聽事件呢？CoreText 又如何處理點擊高亮問題呢大州？我們通過 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 方法來獲取用戶的點擊位置续语。將獲取到的用戶點擊位置與事先保存文本位置比較，若是用戶點擊位置位于文本區(qū)域內(nèi)厦画，那么說明用戶點擊了文本疮茄。為了能夠做出高亮效果，VVeboLabel 控件內(nèi)部必須維護(hù)一個字段 highlighting 和一個用于顯示高亮文本圖片的 highlightImageView根暑，當(dāng) highlighting == YES 的時候力试，異步繪制高亮文本內(nèi)容生成圖片并使用 highlightImageView 顯示該圖片，用于表示控件的高亮狀態(tài)排嫌。

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    CGPoint location = [[touches anyObject] locationInView:self];
    for (NSString *key in framesDict.allKeys) {
        CGRect frame = [[framesDict valueForKey:key] CGRectValue];
        // 將獲取到的用戶點擊位置與事先保存文本位置比較
        if (CGRectContainsPoint(frame, location)) {
            NSRange range = NSRangeFromString(key);
            range = NSMakeRange(range.location, range.length-1);
            currentRange = range;
            [self highlightWord];
            // *** 省略代碼
        }
    }
}

//  VVeboLabel.m
// ... 省略代碼
if (isHighlight) {
                        if (highlighting) {
                            highlightImageView.image = nil;
                            if (highlightImageView.width!=screenShotimage.size.width) {
                                highlightImageView.width = screenShotimage.size.width;
                            }
                            if (highlightImageView.height!=screenShotimage.size.height) {
                                highlightImageView.height = screenShotimage.size.height;
                            }
                            highlightImageView.image = screenShotimage;
                        }
                    } else {
                        if ([temp isEqualToString:text]) {
                            if (labelImageView.width!=screenShotimage.size.width) {
                                labelImageView.width = screenShotimage.size.width;
                            }
                            if (labelImageView.height!=screenShotimage.size.height) {
                                labelImageView.height = screenShotimage.size.height;
                            }
                            highlightImageView.image = nil;
                            labelImageView.image = nil;
                            labelImageView.image = screenShotimage;
                        }
                    }
// ... 省略代碼

VVeboLabel 控件處理高亮情況的 View 結(jié)構(gòu)層次如下圖畸裳。


4、點擊處理.png

按需加載內(nèi)容

UITableView 的優(yōu)化除了在 UITableViewCell 的繪制方面優(yōu)化之后淳地，還可以在加載數(shù)據(jù)方面優(yōu)化怖糊，按需加載內(nèi)容，避免加載暫時無用的數(shù)據(jù)颇象，從而減少數(shù)據(jù)量伍伤，減少 UITableView 的繪制工作量,達(dá)到優(yōu)化的目的。

判斷按需加載的 indexPaths , 如果目標(biāo)行與當(dāng)前行相差超過指定行數(shù)遣钳，只在目標(biāo)滾動范圍的前后指定3行加載嚷缭。這樣可以減少 UITableView 的繪制工作量

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{
    NSIndexPath *ip = [self indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];
    NSIndexPath *cip = [[self indexPathsForVisibleRows] firstObject];
    NSInteger skipCount = 8;
     // 目標(biāo)行與當(dāng)前行相差超過指定行數(shù)
    if (labs(cip.row-ip.row)>skipCount) {
        // 目標(biāo)位置的行
        NSArray *temp = [self indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, self.width, self.height)];
        NSMutableArray *arr = [NSMutableArray arrayWithArray:temp];
        //  velocity.y<0 下拉， velocity.y>0 上拉
        if (velocity.y<0) {
            NSIndexPath *indexPath = [temp lastObject];
            if (indexPath.row+3<datas.count) {
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row+1 inSection:0]];
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row+2 inSection:0]];
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row+3 inSection:0]];
            }
        } else {
            NSIndexPath *indexPath = [temp firstObject];
            if (indexPath.row>3) {
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row-3 inSection:0]];
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2 inSection:0]];
                [arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1 inSection:0]];
            }
        }
        [needLoadArr addObjectsFromArray:arr];
    }
}

當(dāng) UITableView 開始繪制 Cell 的時候耍贾，若是 indexpath 包含在按需繪制的 needLoadArr 數(shù)組里面，那么就異步繪制該 Cell 路幸，如果沒有則跳過該 Cell 荐开。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    VVeboTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (cell==nil) {
        cell = [[VVeboTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
                                         reuseIdentifier:@"cell"];
    }
    // 繪制 Cell
    [self drawCell:cell withIndexPath:indexPath];
    return cell;
}

// 按需繪制 Cell
- (void)drawCell:(VVeboTableViewCell *)cell withIndexPath:(NSIndexPath *)indexPath{
    NSDictionary *data = [datas objectAtIndex:indexPath.row];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    [cell clear];
    cell.data = data;
    // 按需繪制，只要在 needLoadArr 里面的 indexPath 才需要繪制 Cell
    if (needLoadArr.count>0&&[needLoadArr indexOfObject:indexPath]==NSNotFound) {
        [cell clear];
        return;
    }
    if (scrollToToping) {
        return;
    }
    [cell draw];
}

總結(jié)

主要介紹了 3 個優(yōu)化技巧

  1. 緩存 Cell 高度
  2. 異步渲染內(nèi)容到圖片
  3. 按照滑動速度按需加載內(nèi)容

這篇博客文章主要是學(xué)習(xí) VVebo 的 UITableView 優(yōu)化技巧简肴，VVebo 的作者將 VVeboTableViewDemo 開源在 GitHub晃听，大家可以查閱代碼，感謝作者。這個方案也有存在一個不足能扒，在 TableView 快速滑動的時候佣渴，頁面會出現(xiàn)空白。

參考

  1. http://blog.devtang.com/2015/06/27/using-coretext-1/
  2. http://blog.devtang.com/2015/06/27/using-coretext-2/
  3. http://blog.devtang.com/2014/01/23/the-issue-of-non-breaking-space-in-coretext/
  4. http://beyondvincent.com/2013/11/12/2013-11-12-121-brief-analysis-text-kit/#1
  5. https://github.com/johnil/VVeboTableViewDemo
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末初斑，一起剝皮案震驚了整個濱河市辛润，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌见秤，老刑警劉巖砂竖，帶你破解...
    沈念sama閱讀 216,402評論 6贊 499
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異鹃答，居然都是意外死亡乎澄，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3贊 392
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門测摔，熙熙樓的掌柜王于貴愁眉苦臉地迎上來置济，“玉大人，你說我怎么就攤上這事锋八≌阌冢” “怎么了？”我有些...
    開封第一講書人閱讀 162,483評論 0贊 353
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵查库，是天一觀的道長路媚。 經(jīng)常有香客問我，道長樊销，這世上最難降的妖魔是什么整慎？ 我笑而不...
    開封第一講書人閱讀 58,165評論 1贊 292
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮围苫，結(jié)果婚禮上裤园，老公的妹妹穿的比我還像新娘。我一直安慰自己剂府，他們只是感情好拧揽，可當(dāng)我...
    茶點故事閱讀 67,176評論 6贊 388
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著腺占，像睡著了一般淤袜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上衰伯，一...
    開封第一講書人閱讀 51,146評論 1贊 297
  • 城市分裂傳說
    那天铡羡，我揣著相機(jī)與錄音，去河邊找鬼意鲸。 笑死烦周，一個胖子當(dāng)著我的面吹牛尽爆，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播读慎，決...
    沈念sama閱讀 40,032評論 3贊 417
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼漱贱，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了夭委？” 一聲冷哼從身側(cè)響起幅狮，我...
    開封第一講書人閱讀 38,896評論 0贊 274
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎闰靴，沒想到半個月后彪笼，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,311評論 1贊 310
  • ?護(hù)林員之死
    正文 獨居荒郊野嶺守林人離奇死亡蚂且，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2贊 332
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年配猫，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片杏死。...
    茶點故事閱讀 39,696評論 1贊 348
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡泵肄，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出淑翼，到底是詐尸還是另有隱情腐巢，我是刑警寧澤，帶...
    沈念sama閱讀 35,413評論 5贊 343
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布玄括，位于F島的核電站冯丙，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏遭京。R本人自食惡果不足惜胃惜，卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3贊 325
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望哪雕。 院中可真熱鬧船殉，春花似錦、人聲如沸斯嚎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0贊 22
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽堡僻。三九已至糠惫，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間钉疫，已是汗流浹背硼讽。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1贊 269
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留陌选，地道東北人理郑。 一個月前我還...
    沈念sama閱讀 47,698評論 2贊 368
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像咨油，于是被迫代替她去往敵國和親您炉。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,592評論 2贊 353