小编Ahs*_*lii的帖子

DOM 渲染后在 React 中执行 Vanilla JS 脚本

我花了 5 个小时的时间才解决这个问题,我在文件夹中的文件<script>中添加了一些标签。我希望它们在浏览器完全渲染 HTML 后执行,我知道这是一个非常基本的问题,但问题是,我正在将 HTML 模板转换为 React,并且它大量使用动画,这是我无法承受的从头开始再次写入react。这是我的代码index.htmlpublic

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Galaxy App</title>

    <!--CSS-->
    <link href="asset/css/icofont.min.css" rel="stylesheet" />
    <link href="asset/css/linearicons.min.css" rel="stylesheet" />
    <link href="asset/css/magnific-popup.min.css" rel="stylesheet" />
    <link href="asset/css/animsition.min.css" rel="stylesheet" />
    <link href="asset/css/bootstrap.min.css" rel="stylesheet" />
    <link href="asset/css/swiper.min.css" rel="stylesheet" />
    <link href="asset/css/styles.css" rel="stylesheet" />
    <link href="asset/css/main.css" rel="stylesheet" />
    <link href="asset/css/homepage.css" rel="stylesheet" />


    <!--Theme CSS-->
    <link href="asset/css/theme.css" rel="stylesheet" />
    <link href="asset/css/responsive.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>

    <script src="asset/js/polyfill.min.js"></script>
    <script src="asset/js/jquery.min.js"></script> …
Run Code Online (Sandbox Code Playgroud)

html javascript web reactjs

2
推荐指数
1
解决办法
1190
查看次数

标签 统计

html ×1

javascript ×1

reactjs ×1

web ×1