如何停止页面加载时发生的css转换[React]

文章/答案/技术大牛

发布

1回答

reactjs

我试图在显示侧边导航时进行过渡，并且在打开和关闭时运行良好。问题是，当页面第一次加载时，侧边栏显示为正在取款。<a to="#" className="linkovi">Contact</a><br /> }</div> 下面是我使用的CSS{ transf

浏览 10提问于2019-03-01得票数 0

1回答

在单击react js按钮时添加和删除css文件

javascript、html、css、reactjs

我有一个应用程序，其中我有两个完全不同的页面的两个不同的css文件。但是，当加载组件时，两个css都会发生冲突，页面会折叠。one.Component.js： import React, { Component } from "react"; export default class应用程序

浏览 30提问于2021-06-10得票数 0

9回答

停止CSS转换在页面加载时触发

html、css、google-chrome

我遇到了一个问题，CSS transition属性在页面加载时被触发。问题是，当我将color transition应用于元素时，(例如：transition: color .2s)，当页面第一次加载时，元素会从黑色闪烁到自己指定的颜色。> 在页面加载时，我的p.green将从black淡出到green。我不想将颜色转换应用到:hover伪

浏览 4提问于2013-01-17得票数 100

回答已采纳

3回答

在页面加载时停止运行CSS转换

html、css

编辑:添加了自己的答案，它可以工作。如果有人能改进它，那就太好了！有没有办法阻止CSS过渡在后台播放/运行？假设在页面的底部有一个CSS动画，但它在页面加载后立即加载，但我们还没有滚动到页面的底部。所以CSS动画从未被看到过！如果能够在没有JavaScript的情况下阻止或触发页面加载时的动画/过渡效果，那就太好了。我不想重

浏览 4提问于2020-08-22得票数 0

2回答

我正在用了不起的盖茨比框架(版本2.16.1)构建登陆页面。除了我无法找到在加载任何脚本之前对正在加载的HTML进行更改的方法(“过度折叠”初始HTML)，一切都会完美地工作。例如，如果我在盖茨比( Gatsby )中更改HTML的背景色，用户可以在“过度折叠”初始HTML显示后最多等待5秒，直到应用背景颜色。我知道gatsby-browser.js和制作全球CSS文件的能力，但这对我来说毫无用处，因为我对每个登陆页面</e

浏览 4提问于2020-04-04得票数 2

回答已采纳

1回答

React.js -只有在页面处于活动状态(页面加载或重新加载)时，才触发"useEffect“

html、css、reactjs、svg

TL;DR 我正在开发一个React网站，并使用"CSS但我注意到，Vanilla应用程序中的转换只有在页面处于活动状态时才会启动，而React组件则在组件加载到DOM中后立即启动转换(即

浏览 5提问于2021-05-14得票数 1

回答已采纳

1回答

CSS或Javascript文件不支持我的create-react-app动态路由

javascript、reactjs、routes、react-router-dom

我在create-react-app中创建了我的应用程序，并且我有一个动态路径，可以通过id创建文档。问题是，当我在由创建的动态路径中重新加载页面时，它不会加载css或外部javascript，只包括HTML。如果有人可以帮助我，我将非常感谢。重新加载动态路由页面时在react 的公共/ index.html文件夹中加载字体、

浏览 6提问于2021-09-03得票数 0

1回答

如何在用户滚动查看时动画

css、reactjs、css-transitions

我已经开始使用ReactJS构建一个网站，当视图滚动到视图中时，我想将div元素动画到视图中。from 'react' </div> )然而，问题是动画只在加载页面时发生，就像元素也

浏览 2提问于2019-11-05得票数 1

回答已采纳

2回答

webpack样式加载器-在react组件上导入不同的样式，而不覆盖

javascript、styles、reactjs、webpack、webpack-style-loader

我有两个需要样式的React组件：import './list.css'; ...}body {} 实际发生了什么--当被

浏览 2提问于2015-03-27得票数 1

1回答

为一组不同的组件Next.js不同的全局css

reactjs、next.js、css-modules

我们计划将其集成到我们的web应用程序中。基本上，博客页面应该只使用它自己的全局css。其他页面

浏览 6提问于2021-05-30得票数 1

1回答

为什么浏览器会暂时停止加载网页资源？

javascript、html、css、performance

我正在gtmetrix ()上测试一个网站，在由gtmetrix生成的报告中，我总是看到很少有延迟，在此期间没有资源加载，几毫秒后再次启动。请查看上述链接中的报告，为了更好地理解该报告，我还附上了下面的图片。在这里，在html页面加载之后，它停止大约250 css，然后开始加载css文件。在获取几个文件之后，它会在获取init.min.js之后停止一段时间。在此之后，它再次启动，并在加载

浏览 5提问于2017-02-13得票数 0

2回答

React路由器链接重新加载页面:与外部事件冲突

javascript、reactjs、react-router、google-tag-manager、react-router-dom

我正在使用React路由器的链接组件来处理我的应用程序中的页面转换。我的应用程序包含在一个外部网页中，它有一些脚本(即Google )来定义文档级链接上的事件。这会导致与链接事件的冲突:当单击链接时，页面总是重新加载。我试图用onClick回调停止在链接组件上的传播，但没有结果：<Link onClick={(e) => { e.s

浏览 1提问于2020-09-17得票数 5

回答已采纳

1回答

localhost:在停止节点进程后仍可访问3000

reactjs、webserver、create-react-app

它是可以进入的。但是，我发现在终止节点进程后，除非重新加载页面，否则web服务器仍然工作。为什么是这种情况？

浏览 7提问于2022-02-22得票数 0

回答已采纳

5回答

Nivo滑块加载问题

javascript、slider、nivo-slider

我有奇怪的Nivo Slider加载问题，图片的左边显示了我的滑块在进入网站后的样子(这是错误的)，右边显示了一段时间后的样子。问题是，为什么我的图像在包含div (带有加载动画)之前加载，并且一个接一个地显示？当然，主容器的位置设置为relative，并且每个容器img都绝对位于top: 0和left: 0。有什么想法吗？

浏览 2提问于2011-04-13得票数 1

回答已采纳

1回答

不改变组件的ReactCSSTransitionGroup

reactjs

我有一个组件，当它的支柱ReactCSSTransitionGroup发生变化时，可以在它的stage中切换子组件。当页面加载时，transitionAppear可以正常工作，但不存在转换、保留或转换，输入动画用于当道具更改/当ReactCSSTransitionGroup中的组件发生变化时。当stage从'CONTENT'变为'BOOKING'时，

浏览 2提问于2016-12-27得票数 0

回答已采纳

1回答

React 18.1.0上的前端集成

javascript、reactjs、frontend、cube、cube.js

我按照多维数据集文档的代码沙箱部分编写了代码。它会发送一个控制台警告，我的应用程序可能会像Reactive17一样工作。当我遵循18.1.0惯例时，页面会显示为加载，并且从未停止。有什么解决办法吗？它目前是这样编写的，我在设置路由时添加了CubeProvider来访问app.js文件中的cubejsapi，这很好。import React from 'react'; import

浏览 5提问于2022-06-08得票数 0

1回答

在将:id添加到url参数后，React: Index.css不适用

css、reactjs、react-redux、react-router

我正在使用react并让我的所有页面导入index.css (因为我从index.html调用它)。在我给页面的url添加了/:id参数后，它突然停止了从index.css获取样式，但却从react中直接导入页面的其他css文件中获取了样式。路由现在看起来是这样的： <PrivateRoute path="/:id/whats

浏览 6提问于2021-05-20得票数 0

1回答

外部文件与主页CSS文件一起加载。

html、css、twitter-bootstrap

在我的页面中，使用onclick加载外部html文件。当外部文件加载时，它与bootstrap.css链接。如何用boota

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

回答已采纳

3回答

浏览器如何部分加载DOM和CSSOM？

html、performance、google-chrome、dom

首先让我简单地概述一下它是如何加载的，然后我会问关于这个的问题。DOMContentLoaded浏览器获取HTML => 解析html => 创建节点 => 解析节点，并开始将它们转换为DOM元素 => 查找样式节点，因此在完成解析时开始创建CSSOM <代码>E这一切都很好，但是当浏览器开始呈现页面时，当不是整个html被加载时，流是如何进行的

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

回答已采纳

1回答

停止加载时的CSS转换+反向转换

javascript、jquery、html、css

我有一个转换，以带来一个隐藏编辑菜单在一个div的悬停(这将是编辑)。不幸的是，我遇到了两个似乎是小猪的决斗问题--互相支持。我想要一个小动画在悬停时开火，然后倒转当悬停消失。我已经让它起作用了，但是不管我做什么，反向动画都会在页面加载时触发。我尝试过其他一些建议，比如预加载样式，在加载页面之前停止动画，然后删除它，但是它似乎完全没有停止任何东西。如果我尝试在<e

浏览 3提问于2015-10-29得票数 1

回答已采纳

点击加载更多