美文网首页
Dom 加载顺序 和延时加载

Dom 加载顺序 和延时加载

作者: 相强 | 来源:发表于2016-10-08 15:35 被阅读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指的是毫秒。

相关文章

  • Dom 加载顺序 和延时加载

    1 浏览器解释html文件中的所有内容是从上到下加载的!浏览器解释html文件中的所有内容是从上到下加载的!浏览器...

  • Dom加载解析

    加载顺序 解析HTML结构; 加载外部脚本和样式表文件; 解析并执行脚本代码; 构造HTML DOM模型; 加载图...

  • DOM加载顺序

    1,解析HTML结构。2,加载外部脚本和样式表文件。3,解析并执行脚本代码。4,构造HTML DOM模型。5,加载...

  • jquery

    jQuery基础 引入jQuery 使用 jquery当整个dom树结构绘制完毕就会加载,加载时顺序执行的 获取元...

  • 异步加载和延时加载

    异步加载的方案 延迟加载:有些 js 代码并不是页面初始化的时候就立刻需要的,而稍后的某些情况才需要的。

  • 单例模式

    1.什么是单例模式 2.立即加载与延时加载2.1立即加载:使用对象的时候对象已经创建完毕。 2.2延时加载:在使用...

  • iOS 可取消的延时执行方法(最新防坑、解决回调迸发、解决点击迸

    关于延时执行,有人称为延迟执行,有人称为延时加载,可是延时加载有人又理解成懒加载,好混乱,网上一大堆延时执行方法的...

  • 【JavaScript】js动态添加dom,如何绑定事件

    首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定...

  • 事件

    DOM0 事件和DOM2级在事件监听使用方式上有什么区别?区别:DOM0是html内联形式的,1、其存在加载顺序的...

  • CSS样式表的加载对于DOM解析,渲染,JS执行的阻塞问题

    CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后...

网友评论

      本文标题:Dom 加载顺序 和延时加载

      本文链接:https://www.haomeiwen.com/subject/fsbuyttx.html