前端代码优化

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

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

那下面开始正文。

操作DOM比较慢的原因

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

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

async和defer的作用和区别

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

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

前端代码优化_第1张图片

图画的不太好,见谅哈。

1. 直接使用

                    
                    

你可能感兴趣的:(Web前端)