CSS3底部对齐

在不使用绝对定位和任何trick的情况下适用CSS3特性优雅的实现底部对齐效果

        
.action-sheet {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.action-sheet > .dialog {
    display: block;
    min-height: 100px;
    background: red;
    width: 100%;
}

iOS SDWebImage webp support

目前在使用CocoaPods来安装SDWebImage的情况下,支持webp格式的方式略绕,如下:

  1. 在工程下新建LibWebP文件夹(Optional)
  2. 将https://github.com/seanooi/iOS-WebP下载下来,将里面的WebP.framework添加到LibWebP文件夹下
  3. 在主工程Build Phases的Link Libraries添加WebP.framework
  4. 将https://github.com/rs/SDWebImage下载下来,将里面的UIImage+WebP.h,UIImage+WebP.m添加到Pods下面的SDWebImage的Core目录下
  5. 将Pods-SDWebImage里面的-Build Phases-Headers-Project-添加UIImage+WebP.h
  6. 在Pods-SDWebImage里面的-Build Phases-Link Binary-添加WebP.framework
  7. 在Pods-SDWebImage-Build Settings-Preprocessor macros添加宏SD_WEBP=1启用webp支持
  8. 然后在使用webp格式的时候就能正常的使用了,如下:
     [cell.imageView sd_setImageWithURL:[NSURL URLWithString:@"http://www.domain.com/path/to/image.webp"]];

错误检查:

  • 无效果,图片是灰色的。请检查SD_WEBP=1是否设置,见step6
  • 报错,sd_imageWithWebPData  unrecognize selector 。见step 4, step 5
  • 报错,decode.h can not found。见step 2