小风车吱呀转

2021年2月8日

摘要：多个元素的过渡对于原生标签可以使用 v-if/v-else实现多个元素之间的过渡，如下面代码： .v-enter, .v-leave-to{ opacity: 0; } .v-enter-active, .v-leave-active{ transition: opacity 3s; } <div 阅读全文

posted @ 2021-02-08 14:19 小风车吱呀转阅读(346) 评论(0) 推荐(0) 编辑

Vue中的JS动画与velocity.js结合

摘要：以前都是通过CSS实现动画效果,在Vue里可以用JS实现动画。在Vue里用JS实现动画需要在transition标签的 attribute 中声明 JavaScript 钩子第一个动画钩子：@before-enter <div id='app'> <transition @before-ente 阅读全文

posted @ 2021-02-08 13:17 小风车吱呀转阅读(146) 评论(0) 推荐(0) 编辑

2021年2月7日

Vue中同时使用过渡和动画

摘要：初始渲染的过渡在上一篇animate.css代码的基础上，运行时可以发现当页面第一次渲染元素时，并没有出场动画。我们可以通过 appear attribute 设置节点在初始渲染的过渡,同样也需要自定义类名： <div id="root"> <transition name="fade" appe 阅读全文

posted @ 2021-02-07 22:07 小风车吱呀转阅读(197) 评论(0) 推荐(1) 编辑

Vue中使用animate.css库

摘要：先来看一个例子，要实现的效果是文字弹跳放大在缩小显现和隐藏： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在vue中使用Animate.css库</title> <link rel="stylesheet 阅读全文

posted @ 2021-02-07 16:42 小风车吱呀转阅读(191) 评论(0) 推荐(0) 编辑

2021年2月6日

Vue中CSS动画原理

摘要： Vue 提供了 transition 的封装组件，transition标签意思它包裹的内容里面有一个过渡的动画效果，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件组件根节点当一个元素被transition包裹了之后，阅读全文

posted @ 2021-02-06 22:51 小风车吱呀转阅读(161) 评论(0) 推荐(0) 编辑

2021年2月1日

Vue2.5去哪儿学习笔记【三】

摘要：一、组件使用的细节 1.使用模板标签出现的bug 当使用模板定义一个组件显示tr及tr里的内容放在表格标签时，会出现以下bug: 发现模板跑到了table标签外面，并且和table同级这一层。如果在tbody里直接使用模板这样一点都不符合h5的编码规范(h5的规范里面说明，table里面必须放tbo 阅读全文

posted @ 2021-02-01 23:04 小风车吱呀转阅读(86) 评论(0) 推荐(0) 编辑

2021年1月29日

Vue2.5去哪儿学习笔记【一】

摘要：一、Vue简介 Vue官方文档:https://cn.vuejs.org/ Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类阅读全文

posted @ 2021-01-29 16:36 小风车吱呀转阅读(103) 评论(0) 推荐(0) 编辑

Vue2.5去哪儿学习笔记【二】

摘要：一、Vue实例生命周期函数生命周期函数就是vue实例在某一个时间点会自动执行的函数。每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不阅读全文

posted @ 2021-01-29 16:33 小风车吱呀转阅读(101) 评论(0) 推荐(0) 编辑

2021年1月20日

CSS基础知识笔记

摘要：一、CSS简介 CSS 的主要使用场景就是美化网页,布局页面的.1. HTML 的局限性2. CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外阅读全文

posted @ 2021-01-20 22:06 小风车吱呀转阅读(187) 评论(0) 推荐(0) 编辑

2020年11月29日

HTML基础知识笔记

摘要：一、HTML介绍 HTML：Hyper Text Markup Language 超文本标记语言它是用来描述网页的一种标记语言。所谓超文本，有2层含义： 1.它可以加入图片、声音、动画、多媒体等内容（超越了文本限制） 2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件链接(超级链接文本阅读全文

posted @ 2020-11-29 22:06 小风车吱呀转阅读(450) 评论(0) 推荐(0) 编辑

小风车吱呀转

😉😋😗🙂😏

公告