<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> #d{ width:200px; height:200px; background:blue; overflow: ...
分类：
Web程序 时间：
2019-04-02 10:35:11
阅读次数：
168
1、如果需要让一个元素进行动画展示的时候，那么当前元素/组件必须是通过 v-if v-show 动态组件 来显示隐藏 2、需要添加动态的元素外层必须包裹一个内置组件 <transition> 3、transition 会有一个name属性 当前name属性的值为 动画的类名 动态类名的划分 <nam ...
分类：
其他好文 时间：
2019-03-27 09:19:35
阅读次数：
187
transition 动画： 当插入或删除包含在 transition 组件中的元素时，Vue将会做以下处理： 1、自动嗅探目标元素是否应用了css过滤或动画，如果是，在恰当的时机添加/删除css类名 2、如果过滤组件提供了javascript钩子函数，这些钩子函数将在恰当的时机被调用。 3、如果没 ...
分类：
Web程序 时间：
2019-03-23 15:51:56
阅读次数：
189
概念： 通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 浏览器支持： IE10、Firefox、Chrome、Opera支持transition属性。 Chrome25之前的版本和Safari浏览器需要加前缀 ...
分类：
Web程序 时间：
2019-03-19 01:09:06
阅读次数：
207
Css3中的过渡属性：transition 注意事项: 1:时间要加单位 过度属性： 1：属性名称 transition-prorperty 2：时间：transition-duration 3：速度：traisition-timing-function 4：延迟：transition-delay ...
分类：
Web程序 时间：
2019-03-18 21:10:22
阅读次数：
623
component：用于动态组件，查看博文vue学习之组件。 transition：过渡和动画，查看官网文档进入/离开&列表过渡。 transition-group： keep-alive： Props： include - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符 ...
分类：
其他好文 时间：
2019-03-17 12:14:14
阅读次数：
256
一、2D变形 1、变形 transform:translate();translateX();translateY();translate(,); 2、过渡 transition:all 1s; 二、具体体现的例子 1、位移的实例 2、缩放 3、旋转 4、倾斜 ...
分类：
Web程序 时间：
2019-03-16 09:45:32
阅读次数：
217
https://www.jianshu.com/p/937c6003851a flex-shrink: https://blog.csdn.net/m0_37058714/article/details/80765562 transition: https://baijiahao.baidu.com ...
分类：
Web程序 时间：
2019-03-13 10:45:08
阅读次数：
227
在 React 组件中，每个方法的上下文都会指向该组件的实例，即自动绑定 this 为当前组件。 而且 React 还会对这种引用进行缓存，以达到 CPU 和内存的优化。在使用 ES6 classes 或者纯 函数时，这种自动绑定就不复存在了，我们需要手动实现 this 的绑定。 1.bind方法进 ...
分类：
其他好文 时间：
2019-03-12 16:55:13
阅读次数：
310
1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式，常用有 line ...
分类：
Web程序 时间：
2019-03-10 09:27:21
阅读次数：
162
