Javascript

【九月打卡】第十三天 + Vue面试考点

本文主要是介绍【九月打卡】第十三天 + Vue面试考点，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括

  1. 过渡与动画

课程收获：

过渡与动画

  • 在插入、更新或移出DOM元素时，在合适的时候给元素添加样式类名。

  • 元素进入的样式

  • v-enter：进入的起点

  • v-enter-active：进入的过程中

  • v-enter-to：进入的终点

  • 元素离开的样式

  • v-leave：离开的起点

  • v-leave-active：离开的过程中

  • v-leave-to：离开的终点

  • 使用 transition 包裹要过渡的元素，并配置 name 属性

  • 注意：若有多个元素需要过渡，则需要使用 <transition-group>，且每个元素都要指定 key 值。

  • 先在 @keyframes xxx {} 中准备好动画效果，再包裹要动画的元素。

  • 第三方库 | 链接地址

  • 在终端键入 $ npm install animate.css 命令

  • 按要求选择配置

课程学习截图：


https://img1.sycdn.imooc.com/6325185e0001f34104280199.jpg



这篇关于【九月打卡】第十三天 + Vue面试考点的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航