前端代码优化

上次写了浏览器渲染出网页的过程，想到了一些代码优化的小知识，当然了，我学识太浅，想到了还是太少了，所以这篇文章就长期更新啦。以后可能还有其他的框架如React等单独的代码优化的知识，毕竟这样的知识实在是太多了，一篇文章也会有些乱。

个人能力有限，文中可能会有很多错误之处，希望大家看到后可以在评论里指出来，一起进步，谢谢啦。

那下面开始正文。

操作DOM比较慢的原因

在浏览器中，DOM是属于渲染引擎的，JS是属于JS引擎的，JS来操作DOM，也就是两个引擎之间进行通信。

浏览器中，这个通信是需要通过接口来实现的，而每次使用这个接口就会产生一些性能的损耗。

async和defer的作用和区别

在引用JS的时候，会有三种使用方法，1. 直接使用；2. async加载；3. defer加载

在浏览器中会出行下面这样的区别

图画的不太好，见谅哈。

1. 直接使用

<script src = "script.js">