Node.js/Express/Jade Javascripts加载顺序不正确

Question

假设我在一个.jade文件中有这个文件

doctype 5
html
 head
  title= title
  link(rel='stylesheet', href='/stylesheets/style.css')
  script(src='/javascripts/ocanvas-2.2.2.min.js', type='text/javascript')
  script(src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js")
body
 script(src='/javascripts/main.js')

main.js文件应该使用前面包含的ocanvas中的各种函数。

然而，在我的node.js服务器中，它无法做到这一点，因为由于某种原因，ocanvas在运行服务器的终端中的main.js加载之后加载：

 GET /stylesheets/style.css 304 1ms
 GET /javascripts/main.js 304 1ms
 GET /javascripts/ocanvas-2.2.2.min.js 304 0ms

为什么它没有按照jade文件中的顺序加载呢？

Answer 1

浏览器注意到它已经缓存了这些资源的版本，因此它发送有条件的请求来检查它们是否已经更改。( 304表示他们还没有。)这不一定要以任何特定的顺序发生，浏览器也可以在加载所需的资源时自由地执行任何优化。

Answer 2

我注意到你的body标签和html标签在同一高度，这可能会导致这个问题。缩进body标签。