animation默认以ease方式过渡，会以在每个关键帧之间插入补间动画，所以动画效果是连贯性的。ease，linear等之类的过渡函数都会为其插入补间。但有些效果不需要补间，只需要关键帧之间的跳跃，这时应该使用steps过渡方式。本文后面有案例。 steps用法 简单地说，就是原本一个状态向另一个状态的过渡是平......
传送门 Github地址：https://github.com/AlloyTeam/AlloyFinger/tree/master/alloy_crop 在线Demo演示: 简介 裁剪图片的应用场景有头像编辑、图像编辑，在移动端要配合手势以及进行触摸反馈来进行变形以确认用户的选区进行裁剪。AlloyCrop就......
background-size的contain和cover是怎么用的，大家应该都明白。但是里面也有一些有趣的数学关系。 基本概念 上面就是我们对于 rimage (图片宽高比)、rviewport (容器宽高比) 的定义。 将图片放进容器 三种方法 stretch : 把图片的宽高强行设置为容......
原文： http://fex.baidu.com/blog/2015/12/fex-weekly-14/ 欢迎订阅 http://fex.baidu.com/feed.xml 业界会议 OSC - 开源中国-2015年源创会http://www.oschina.net/2015-beijing-ceremony......
背景和基本原理 HTML5 提供了 LocalStorage, IndexedDB, 和 window.caches 来帮我们构建可 offline 的 web app. 但 这些技术里我们都忽视了本地数据库. DOMSnap 则将其充分发挥之, 将HTML 快照保存到本地的 IndexedDB/WebSQL,在页面......
