前面的话 概述 前面分别介绍了单元素CSS过渡和JS过渡，以及多元素过渡。如何同时渲染整个列表呢？在这种情景中，需要使用<transition-group>组件 【<transition-group>】 <transition-group>不同于 <transition>， 它会以一个真实元素呈现： ...
分类：
其他好文 时间：
2017-10-03 23:29:52
阅读次数：
273
前面的话 可复用过渡 过渡可以通过 Vue 的组件系统实现复用。要创建一个可复用过渡组件，需要做的就是将 <transition> 或者 <transition-group> 作为根组件，然后将任何子组件放置在其中就可以了 Vue.component('my-transition', { templ ...
分类：
其他好文 时间：
2017-10-03 23:26:57
阅读次数：
215
前面的话 与CSS过渡不同，JS过渡主要通过事件进行触发。本文将详细介绍Vue过渡效果之JS过渡 事件钩子 JS过渡主要通过事件监听事件钩子来触发过渡，共包括如下的事件钩子 <transition v-on:before-enter="beforeEnter" v-on:enter="enter" ...
分类：
Web程序 时间：
2017-10-03 23:22:55
阅读次数：
297
transition: 使用 type特性可以设置 animation 或 transition 需要 Vue 监听的类型 js钩子： 初始节点过渡： <transition appear v-on:before-appear="customBeforeAppearHook" v-on:appear ...
分类：
其他好文 时间：
2017-10-03 20:35:50
阅读次数：
259
概述 Android 4.4.2 (API level 19)引入Transition框架，之后很多APP上都使用该框架做出很酷炫的效果，如 Google Play Newsstand app 还有github上很火的plaid 在app中适当得使用上Transition能带来较好的用户体验，视频中 ...
分类：
其他好文 时间：
2017-09-29 16:40:31
阅读次数：
197
前言 一、transition-property 二、transition-durtion 三、transition-timing-function 四、transition-delay ...
分类：
Web程序 时间：
2017-09-28 17:20:15
阅读次数：
310
近来看到 饿了么 App和 h5站上，在商家详情页点餐之后，底部放置了一个点击之后能够弹出模态框查看点餐详情的元素，其中有个背景遮罩层的渐进显隐的效果。 凭着我少许的经验，第一时间的想法是觉得这个遮罩层应该是使用 display:none;来控制隐藏和显示的，但是这个属性会破坏 transition ...
分类：
其他好文 时间：
2017-09-26 14:47:06
阅读次数：
278
概述 Scene Transition TransitionManager 常用API 1.4.1. AutoTransition 1.4.2. ChangeBounds 1.4.3. ChangeClipBounds 1.4.4. ChangeImageTransform 1.4.5. Chang ...
分类：
移动开发 时间：
2017-09-25 14:38:00
阅读次数：
242
transition：all 1s ease 1s ease： 1、ease：（逐渐变慢）默认值 2、linear：（匀速）3、ease-in：(加速)4、ease-out：（减速）5、ease-in-out：（加速然后减速） 6、cubic-bezier 如： 效果图：鼠标经过旋转180度， 例子 ...
分类：
Web程序 时间：
2017-09-22 10:13:41
阅读次数：
1265
