Dom 加载顺序 和延时加载

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指的是毫秒。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,781评论 25 709
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • 查看差异文件 要导出Git仓库中某两次提交之间的文件差异,必须要先知道有哪些文件发生了差异。git diff指令能...
    聪了个颖阅读 13,499评论 1 5
  • 喝最苦的咖啡,品最烈的酒,做最坏的人。 不在乎任何的事情,不给予最激烈的反应,越是美好的东西越要浅尝辄止。 悲伤慢...
    尤物y阅读 312评论 0 2