Javascript 将Pace.js与Flask模板一起使用时遇到问题_Javascript_Python_Flask_Progress Bar

Javascript 将Pace.js与Flask模板一起使用时遇到问题

javascript python flask

Javascript 将Pace.js与Flask模板一起使用时遇到问题,javascript,python,flask,progress-bar,Javascript,Python,Flask,Progress Bar,我有一个由Flask模板返回的html页面，加载需要2分钟，所以我尝试使用Pace.js实现一个进度条以下是我的项目结构： project -static(folder) -js(folder) -pace.js -css(folder) -other.css -dataurl.css -templates(folder) -index.html -r

我有一个由Flask模板返回的html页面，加载需要2分钟，所以我尝试使用Pace.js实现一个进度条

以下是我的项目结构：

project
   -static(folder)
        -js(folder)
             -pace.js
        -css(folder)
             -other.css
             -dataurl.css
   -templates(folder)
        -index.html
   -run.py(file)

index.html

    <!doctype html>

<html>

  <head>
    <title>Popular Flickr Camera</title>
     <script language="JavaScript" src="static/js/pace.min.js" />
     <link rel="stylesheet" type="text/css" href="static/css/dataurl.css" />
     <link rel="stylesheet" type="text/css" href="static/css/style.css" />
  </head>

<body>
    <table style="width:300px">
    <tr>
      <th>Rank</th>
      <th>Brand</th>
      <th>Model</th>
      <th>Type</th>
      <th>Sensor Resolution</th>
      <th>LCD Size</th>
      <th>Weight</th>
      <th>Lens Mount</th>
    </tr>

    {% for brand in brands %}
        {% for model in brand.models %}
        <tr>
          <td>{{brand.rank}}</td>
          <td>{{brand.name}}</td>
          <td>{{model.name}}</td>
          <td>{{model.type}}</td>
          <td>{{model.resolution}}</td>
          <td>{{model.lcd}}</td>
          <td>{{model.weight}}</td>
          <td>{{model.lens}}</td>
        </tr>
         {% endfor %}
    {% endfor %}

    </table>
 </body>
</html>

如果它需要2分钟，你可能应该修复它，而不是增加一个拐杖。您的循环不应该是一个缓慢的操作

也就是说，

语言

已被弃用，您应该关闭

标记

<script type="text/javascript" src="static/js/pace.min.js"></script>

是的，这有点奇怪，但是一些浏览器不理解

我没有找到HTML5语法，但HTML4.1说：

开始标签：必需，结束标签：必需

是否应该将

src

和

href

属性指向粘贴的模板代码中的

static/pace.min.js

和

static/dataurl.css

而不是

static/js/pace.min.js

和

static/css/dataurl.css

。。我确实创建了这两个文件夹：pIs

dataurl.css

在

/js/

或

/css/

中。。。目录布局显示了一件事，模板代码显示了另一件事：-）再次更正：（。。。

<script type="text/javascript" src="static/js/pace.min.js"></script>