js异步加载与DOM的执行顺序，打包js。（不用gulp和webpack）

Question

目的：

想要把，项目中所有页面通用的资源，例如：reset.css，jq-ui.css，jq.js等，全部打包在一个js里面，可以叫初始化js，以后新页面就可以只引用这个js即可。

现状：

index.html

想要改成：

index.html

init.js

问题：

页面资源加载顺序问题

1. 其中reset.css必须在最开始加载。----实际情况，DOM渲染完了才加载的，没用了

2. jq.js，因为所有页面的js依赖jq，必须jq先加载完后，再加载页面的js。----实际情况，页面js先加载了，报错了。

求教：

1. 如果想实现上述想要的结果，应该怎么写，能保证请求外部src，href资源按照想要的顺序加载呢？就是依赖的必须css，js必须在页面的js执行之前，加载完后再执行。

2. 有查过文件监听事件、onload，但是我页面中通用的东西有点多，怎么样写保证全部初始化资源加载完后再去加载呢？