每日前端签到（第六十四天）

第六十四天（2018-10-07）

• [html] 写个例子说明HTML5在移动端如何打开APP？
• [css] 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？
• [js] formData主要是用来做什么的？它的操作方法有哪些？
• [软技能] js动画和css动画有什么区别？
  题目一：
  用 a 标签就可以，原理是使用 deeplink 。

<a href="yourapp://page/xxx" />
比如说：

<a href="zhihu://">打开知乎</a>
Android 是利用 deeplink， iOS 是利用 URL Schemes
题目二：
<task-lists disabled="" sortable="" style="box-sizing: border-box;">|

webp 最关键的是如何降级，可以看一下京东的图片，都是 xx.jpg.webp。
所以我推荐看一下 凹凸实验室的文章
探究WebP一些事儿

|</task-lists>

题目三：
用于后端参数处理为multipart/form-data的情况下 ，现在通常用于上传文件
题目四：
js 动画
会进入函数调用栈，走完事件循环才会走渲染，如果过程中还有频繁获取 dom 状态恐怕是药丸。
但相比 css 动画（不考虑 css 变量），js 动画可配置目标值或速率等，搭配 transition 挺不错。
且 js 动画做暂停、反向和复杂的节奏都要更棒。
再比如弧形运动轨迹，对 css 动画而言恐怕就比较难搞了。
css 动画
非常简易的 hover active checked 等动效用 css 来写真是太方便了。
对循环播放的动画，多数情况下也是 css 动画更佳。
css 动画库的复用感觉会相较高很多。
至于所谓的 gpu 加速或 will-change 很难讲哟，真的有效，但却不是很懂。