一般:
- 知名的第三方依赖(如jQuery/AngularJS/Bootstrap),放在1——header里。(尤其在使用那些知名库的公库url后,在特定地域内加载速度有保证)
- 自写的纯逻辑代码(没有引用可见标签的),放在2——body标签的顶部
- 界面逻辑相关代码,放在3——确保被引用标签已经被浏览器创建存在。
加载固定内容的脚本,可以前置到文档头部。
浏览器的dom按读取到标签顺序解析并执行,所以脚本引用前置使其尽早加载,有加速效果(尤其浏览器首次打开网页,且网页内容较大或者网速不佳时)