# 小蜜蜂前端周刊第五十期

本期文章由李长伟、仲晚秋供稿

# 个人

# 年报系列分享之关键帧动画篇 (opens new window)

这篇文章主要介绍了通过CSS3实现动画的两种方式transition和animation，简单介绍了transition的用法和局限，重点介绍了animation的用法，特别提示大家的是animation-delay可以是负值，并且有大用。

# 年报系列分享之工具篇 (opens new window)

这篇文章主要介绍我们在开发年报项目时用到的一些工具和方法。包括前端工程师如何了解动画细节，以及通过Chrome检查动画效果以及性能。

# webp图片知多少 (opens new window)

相同图片质量的情况下，webp格式的图片要比png和jpg格式要小的多

# React

# SWR (opens new window)

SWR 是一个用来获取远程数据的 React Hooks，它的名字来自stale-while-revalidate，而stale-while-revalidate是RFC 5861提出的一种缓存失效策略。SWR 可以使得在页面页面渲染时先使用旧的数据渲染页面，同时发送请求获取新数据，然后再使用新的数据渲染页面。非常适用于一些数据很少修改，性能要求较高，数据准确性不敏感的情况。

# 精读《Hooks 取数 - swr 源码》 (opens new window)

swr 在 2019.10.29 号提交，仅仅 12 天就攒了 4000+ star，平均一天收获 300+ star！本周精读就来剖析这个库的功能与源码，了解这个 React Hooks 的取数库的 Why How 与 What。