- 博客(9)
- 收藏
- 关注
转载 ife2018 Day1 浏览器究竟如何生成一个页面
举个栗子,浏览器想要访问CSDN的页面,访问过程大致如下图所示。即浏览器和服务器交流,服务器和数据库交流。1.用户操作浏览器访问一个网站,浏览器向服务器发出一个http请求2.服务器接收到http请求,web server进行相应的初步处理,使服务器脚本生成页面3 web server调用本地和客户端传来的数据,生成页面4 web server将生成的页面作为http响应的body,将处...
2019-09-05 16:00:56 130
转载 DOMContentLoaded和Load
一:DOMContentLoad和Load在什么时候被触发?二:我们一再强调将css放在头部,将js文件放在尾部,这样有利于优化页面的性能,为什么这种方式能够优化性能?三:在jQuery中,我们一般将函数调用写在ready方法内,这是为什么?首先我们来思考,当我们输入一个页面地址时,究竟发生了什么?1.浏览器先下载该地址对应的html页面2.浏览器解析页面中的dom元素3.开启下载线程...
2019-08-27 20:57:56 244
转载 JS以及CSS对页面的阻塞的代码解释
一、JS阻塞所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载、解析、执行完,才会进行后面的 操作。在现代的浏览器中CSS资源和图片image资源是并行下载的,在IE6中默认的并行的加载数目是2个,在IE6以后以及其他的浏览器中的默认的并行加载数目是6个。在浏览器从服务器接收到HTML文档后,并把HTML在内存中转换为DOM树,在...
2019-08-27 13:46:58 421
转载 浏览器的渲染阻塞与优化
大家都知道,css文件放头部,js文件放body最底部,可是大家知道其中的原理吗?要明白上述问题,我们需要知道是什么在阻塞页面的渲染?一:回顾浏览器渲染流程1.浏览器开始解析目标HTML文件,执行流的顺序为自上而下。2.HTML解析器将HTML结构转换为基础的DOM(文档对象模型),构建DOM树完成后,触发DomContendLoaded事件。3.CSS解析器将CSS解析为CSSOM(层...
2019-08-27 12:03:32 1166
转载 对浏览器渲染过程的理解
一 : 为什么要了解浏览器渲染页面的机制,主要还是性能的优化。1.了解浏览器如何进行加载,我们可以在引用外部样式文件,外部JS时,将它们放到合适的位置,是浏览器以最快的速度,将文件加载完毕。2.了解浏览器如何进行解析,我们可以在构建DOM结构,组织CSS选择器的时候,选择最优的写法,提高浏览器的解析速率。3.了解浏览器如何进行渲染,明白渲染的过程,我们在设置元素属性,编写JS文件时,可以减少...
2019-08-26 21:18:51 203
原创 五大主流浏览器内核
1、IE浏览器内核:Trident,;2、Chrome浏览器内核:(Chromium内核)以前是Webkit,现在是Blink;3、Firefox浏览器内核:Gecko;4、Safari浏览器内核:Webkit;5、Opera浏览器内核:最初是自己的Presto内核,后来加入谷歌大军,从Webkit又到了Blink内核;注:blink是webkit的一个分支...
2019-08-26 19:36:43 375
原创 190724html表格练习电影排行榜
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" width="800" height="300" cellspacing...
2019-07-24 19:31:43 629
原创 190724html表单练习
表单练习:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="www.csdn.com" method=""> &l...
2019-07-24 19:17:21 296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人