VueJS导致CSS动画再次加载？

文章/答案/技术大牛

发布

1回答

javascript、css、laravel、vue.js、vuejs2

我在Laravel中使用VueJS，当我包含VueJS时，页面看起来就像是在加载Vue时被重新解析/重新渲染，导致我所有的CSS动画(在页面加载时触发)再次播放。我已经检查了页面是否实际加载了一次(通过使用console.log()检查重复项和查看HTTP请求，每个请求都被调用一次)。请注意，背景是动画的，但徽标不是；因此徽标保持可见，但动画会重新触发。re

浏览 16提问于2019-11-06得票数 0

1回答

用calc将css动画转换为javascript动画

javascript、jquery、css、animation

嗨，我正在尝试把我的css动画转换成jquery动画。{ to { opacity: 1; top: calc(65% - 82px); }现在，我尝试将其转换为jquery，因为我在前端使用vuejs组件，每次页面重新加载组件时，动画都会再次运行。() * 65% - 82; top: top它

浏览 1提问于2018-02-13得票数 0

回答已采纳

1回答

将数据传递给多个组件之一

javascript、vue.js、vuejs2、vue-component

我正在尝试在VueJS中创建一个VueJS组件，该组件在单击时显示动画，并在下载完成后停止动画。DownloadButton组件将在重复多次的表中使用。我希望下载方法包含在父文件中。问题是，更改加载变量会导致所有组件受到影响，而不仅仅是被单击的组件。

浏览 5提问于2018-05-25得票数 0

回答已采纳

2回答

我需要帮助阻止一个javascript淡入效果发生在联系人表单提交后

javascript、css

comments"></label><br /> CSS

浏览 7提问于2017-01-07得票数 0

回答已采纳

2回答

用预加载器延迟css动画？

javascript、jquery、css、css-animations、preloader

我目前有一个网站，它使用Animate.css on the frontpage ()。它目前的工作方式是，只要用户打开网站，动画就会启动，但这会导致动画“滞后”。我想要的是让它等到整个页面加载到css动画开始做他们的事情，从而使体验更加流畅。我研究了几个基于js的预加载器，尝试了一些，但是它并没有延迟css动画。一旦页面加载完毕，css动画就已经完成。我是做错

浏览 3提问于2015-12-09得票数 1

回答已采纳

3回答

所以我试着把这些图片放在我正在构建的页面的边栏上，它们是静态的，但当你将鼠标移到上面时，它们会变成gif的动画。我当前的设置是让gif css属性图像通常是静态的jpg，但在鼠标悬停时将其更改为动画background-image。以下是代码，以更好地说明我的观点。CSS：background-image: url(http://dl.dropbox.com/u/8808984/2.0/SegmentThumbs

浏览 0提问于2011-12-16得票数 4

回答已采纳

1回答

在Google上连接python后端和vue.js前端

python、google-app-engine、vue.js、google-cloud-platform、yaml

系统需要在()上加载vue.js应用程序(一些基本的hello world应用程序)。请您帮忙，谢谢您的帮助！)

浏览 3提问于2018-04-15得票数 4

回答已采纳

1回答

动画时防止javascript gc

javascript、performance、animation、garbage-collection

我将通过javascript加载本地文件列表，同时执行css动画。我使用此代码加载预览文件。FileReader(); // gc happens here reader.readAsDataURL(file); 而动画只是一些有规律的基于过渡的

浏览 0提问于2013-11-10得票数 1

回答已采纳

1回答

禁止在重新显示元素后显示CSS动画

javascript、css、animation

我有一个元素，将显示一些动画的初始页面加载。在此之后，该元素应该被隐藏，并且永远不会再次显示。这是一个。将鼠标悬停在链接上并向外悬停后，将再次设置该元素的动画。有没有可能通过纯

浏览 3提问于2017-09-29得票数 0

2回答

在Spring Boot的index.html中无法加载CSS和图像

html、css、spring、spring-boot

static/index.html)访问时，index.html呈现完美但是当我运行我的Spring Boot应用程序并访问http://localhost:8080/时，我的index.html无法加载CSS文件和图像。" href="css/style.css"/> <link rel="stylesheet" type="text/css&q

浏览 48提问于2020-08-19得票数 0

回答已采纳

1回答

当屏幕上显示部分时，CSS动画仅播放一次

javascript、html、css、animation、css-animations

我从这个网站得到了灵感：https://brittanychiang.com/，特别是它的动画。在页面加载时出现在页眉的那些只是典型的带有延迟或其他的css动画。但是，当您向下滚动时，其他部分可见，动画将再次且仅出现一次。你能用纯CSS实现吗?或者你需要包含JS？

浏览 24提问于2020-08-26得票数 2

回答已采纳

2回答

使用Vuejs动画创建左滑动效果

vue.js

我读过有关Vuejs动画的文档。但是使用它的css钩子，我只能让元素以淡入淡出和不同的持续时间出现/消失。 <button v-on:click="show = !: opacity .5s.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {} 如何使用Vuejs动画来创建滑动效

浏览 0提问于2017-03-18得票数 43

回答已采纳

2回答

如何用动画创建vueJS倒计时？

vue.js、vuejs2、vue-component、countdown、countdowntimer

我正在寻找一个插件或者一种像这样做vue js倒计时的方法：你有什么建议吗？

浏览 1提问于2019-12-18得票数 0

1回答

如何多次刷新页面或某些内容，然后停止？

javascript、jquery、html、reload

我有一个有CSS动画的HTML页面，我想知道是否有一种方法，我希望页面重新加载3次，然后停止它。另外，当它重新加载3次时，每次我都希望它有一个延迟，例如，当我的页面第一次加载时，它将播放动画，然后在所有动画播放完后，我希望它再次重新加载，所以某种延迟函数？谢谢。

浏览 3提问于2015-07-06得票数 0

2回答

VueJS的过渡和CSS动画

css、vue.js、vuejs2、css-animations

我试图通过遵循的CSS动画来实现包含CSS动画的两个元素之间的转换。<button @click="toggled = !toggled" key="toggled"></div></transitio

浏览 3提问于2017-08-29得票数 1

回答已采纳

2回答

openui5:如何仅为自定义组件的第一次呈现实现动画

sapui5

对于这个组件，我希望在最初加载它时有一个css动画。在我添加以下css时，这是非常直接的： from {要在实践中看到这一点：会触发一个新的不需要的动画。

浏览 3提问于2014-02-05得票数 2

回答已采纳

1回答

div大小在拖动和编辑内容时增加

jquery、css

我只是创建了一个可满足的div.Its，运行得很好，但我的问题是，我只是在页面加载中动画div，然后如果编辑div宽度大于实际text.Check (我的小提琴: )的内容，那么editing.after动画就可以了。My css : min-height: 297mm; margin:

浏览 0提问于2014-12-10得票数 0

1回答

在页面上显示解释性内容的最佳方法--使用JavaScript

javascript、vuejs2、bootstrap-4

请看链接中的图片问题：谢谢

浏览 4提问于2019-10-26得票数 0

3回答

CSS/Javascript为具有不同高度的项设置高度展开和折叠动画

javascript、jquery、css、animation、css-animations

我正在尝试创建一个带有各种选项卡的菜单，单击这些选项卡可以展开，然后再次单击可以折叠。我已经成功地使用css动画/过渡通过更改最大高度来实现这一点。然而，每个盒子将容纳不同数量的内容，导致不同的高度。这反过来会导致它们各自以不同的速度进行动画。这对于扩展盒子来说并不是什么问题，但当再次折叠它们时非常明显，因为一些盒子在一段时间内看起来什么都不做，然后突然快速关闭，而另一些盒子则平滑地关闭。CSS示例，外加一些用于添加和删除活动id的简单jQ

浏览 62提问于2020-01-08得票数 1

回答已采纳

2回答

页面加载指示器

load-time

我有一个页面，需要几秒钟的时间来加载。我知道，我会使网站加载更快(而不是问题)，但由于动画动画网站，我正在考虑添加一个页面加载指示符。这将注入槽JavaScript，并再次被JavaScript删除，并移除槽JavaScript，使非JavaScript页面正常工作。在基于HTML/CSS的标准站点上添加页面加载程序指示器是好的还是坏的做法？

浏览 0提问于2014-02-25得票数 2

点击加载更多