script元素、加载时阻塞问题

link语言预加载器

将JavaScript引入网页，首先要解决它与网页的主导语言HTML的关系问题。将JavaScript插入HTML的主要方式是使用script元素
浏览器内核相关学习
分三种：
行内JavaScript代码、动态加载脚本 （不提倡，预资源加载器不可见）、外部JavaScript文件（本文主要围绕后者会遇到的加载和执行问题展开）

注意：行内代码不能出现结束标签，应该加入转义字符<\ / script >

console.log('<\/script >')

如何在不支持JavaScript的旧浏览器中隐藏JavaScript :将脚本代码包含在一个HTML注释中

<script><!--
alert();
// --></script>

所有主流浏览器都支持 < !–.注释–> HTML注释标签。

在< script>标签之后的代码中添加“<!-– ”，不带引号。
在</ script>标签之前添加“// –->”,代码中没有引号。
旧浏览器现在将JavaScript代码视为一个长的HTML注释。而支持JavaScript的浏览器则将“<! – ”和“// – >”作为一行注释。

在浏览器不支持脚本或者支持被关闭就会渲染noscript元素中的内容。

JavaScript文件的MIME类型通常是application/x-javascript

页面阻塞问题

< script>最好放底部，< link>最好放头部，如果头部同时有< script>与< link>的情况下，最好将< script>放在< link>上面

浏览器开发工具，permance可以查看页面渲染情况