web前端知识普及――页面加载

web前端知识普及―&mdash, 广州电脑培训 Java是一个广泛使用的网络编程语言,它是一种新的计算概念。首先,作为一种程序设计语言,它简单、面向对象、不依赖于机器的结构、具有可移植性、鲁棒性、安全性、并且提供了并发的机制、具有很高的性能。其次,它最大限度地利用了网络,Java的小应用程序(applet)可在网络上传输而不受CPU和环境的限制。另外,Java还提供了丰富的类库,使程序设计者可以很方便地建立自己的系统。;页面加载,如果大家想继续看下面的内容的话,有一个要求,就是回答我一个问题:
 你这样写过代码吗? window.onload = function(){    $(".gravatar").on('click',function(){        //...    });    //以及其他操作DOM的节点} 如果答案是 yes. 那么,bingo, 这里我们将深入讲解,这样写代码到底有没有IQ。  如果答案是 No. 那么,2333333, 你也可以看一下。 万一哪天用上了呢?可能会有童鞋反问,那么,我改怎么写呢? 没错,这里就是说的就是这个。  使用过jquery的童鞋,应该知道有一个叫做ready的方法.即: $(document).ready(function(){    //操作DOM相关    //...}) 那这个和上面的写法有什么区别呢? 谁比较好一点呢(指性能)? wait wait wait ~  这问题有点多诶。 不急。 想想看, jquery老大哥 就是帮你 提高性能的,肯定是下面那种好呢。  Why? 原因我们接着说. 页面加载 页面加载就是从你输入网址+enter开始,发生的一些列过程,最终到页面显示。 从微观上分的话,页面加载有两部分 一个是以DOMContentLoaded触发为标志的DOM树的渲染完成一个是以辅助资源img,font加载完成为触发标志的onload事件 他们两个的具体区别就是"资源的加载"这个关键点. 在获得数据响应后,页面开始解析,发生的过程为: (1) 解析HTML结构。 (2) 加载外部脚本和样式表文件。 (3) 解析并执行脚本代码。 (4) 构造HTML DOM模型。//ready执行 (5) 加载图片等外部文件。 (6) 页面加载完毕。//load执行 其实,说到这里,这篇文章就已经结束了。  想得美。 这只是,页面加载很浅的一块,前端能在页面加载上做的工作其实超级多。 要知道, 从你输入网站 + enter键后,发生的过程为: 重定向=>检查DNS缓存=> DNS解析 => TCP连接 => 发请求 => 得到响应=> 浏览器处理 => 最后onload 你可以数一数,前文的页面加载和这里的页面加载的范围到底是怎样的一个区别. 也就是说上文的页面加载其实 只算是  浏览器处理=> 最后onload这一过程。 懂吧。 很小很小。 所以,这里我们先从宏观上来讲解一下,页面加载的整个流程. 宏观页面加载 这样,干讲页面加载真的很没趣诶, 又没有吃的,又没有程序员鼓励师,又没有leader的加薪,凭借的是队长的满腔热情 和 对技术的执着。 感动吧~ 
关键词: