update

Author: wangb

source/_drafts/build-your-own-transition-component-in-vue.md

@@ -0,0 +1,8 @@
+---
+title: build your own transition component in vue
+date: 2018-03-26 09:26:58
+tags: vue
+---
+
+## vue transition
+

source/_drafts/css-transition.md

@@ -0,0 +1,8 @@
+---
+title: css-transition
+tags:
+---
+
+1. hover: transform(perspective(500px) scaleZ(.1) translateZ(100px))
+2. expand content: https://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css
+3. backToTop: 

source/_drafts/interactjs.md

@@ -0,0 +1,4 @@
+---
+title: interactjs
+tags:
+---

source/_drafts/vue-transition.md

@@ -0,0 +1,29 @@
+---
+title: vue-transition
+tags:
+---
+
+- automatically apply classes for CSS transitions and animations
+- integrate 3rd-party CSS animation libraries, such as Animate.css
+- use JavaScript to directly manipulate the DOM during transition hooks
+- integrate 3rd-party JavaScript animation libraries, such as Velocity.js
+
+
+## single elements
+- conditional rendering
+
+```js
+export default {
+  render () {
+    const children = this.$slots.default
+    if (!children) {
+      return
+    }
+
+    console.assert(children.length === 1, 'only one children can be in transition')
+    const child = children[0]
+    
+    return child
+  }
+}
+```