Dom 加载顺序 和延时加载

2016-10-08  本文已影响0人  相强

1 浏览器解释html文件中的所有内容是从上到下加载的!浏览器解释html文件中的所有内容是从上到下加载的!浏览器解释html文件中的所有内容是从上到下加载的!重要的事情说三遍。

1.1   找到CSS和JS的正确位置  所以我们写文件的时候,要把CSS样式写在head中, 如果放底部的话,页面结构出来了,css还没开始渲染。然而js文件却应该尽量放在下面,除了少量轻量级、并且非常重要的js可以放在上面以外,剩下的都应该写在body底部或body下面,尤其是大一些的js文件,最好也在最后引入。

1.2   加载顺序  现在就来说说dom的加载顺序,其实dom的加载真的就是从上到下啊,都打好冒号敲好回车了竟然还是觉得写成一段话比较明白。浏览器解释文件会从上到下顺序解释,遇到样式就把样式加载到内存,遇到标签就加载标签,遇到js就加载js,遇到文件就先下载文件,然后加载里面的内容,加完完内容之后就回到原ng页面接着解释。。。就是酱紫。。。

1.3 页面的加载顺序是从上至下的。

$(function(){...})是在页面JS加载完之后才会加载。 类似于body标签的onload事件。

所以一般外部引入js写在最上面。 页面里面的JS写在最下面。

有了上面这些基础,就算遇到异步加载等复杂的问题,其实也是由最基本的原因引起的,遇到问题不要慌,一点点的寻找原因,计算机很单纯,你说1它不会做2,总之它不对,一定不是它的错~~~

2 延时加载方法

  2.1 setTimeout(function ( ) {   },200)在function写需要延时加载的东西  200指的是毫秒。

上一篇下一篇

猜你喜欢

热点阅读