- 博客(9)
- 收藏
- 关注
RSS订阅转载 ife2018 Day1 浏览器究竟如何生成一个页面
举个栗子，浏览器想要访问优快云的页面，访问过程大致如下图所示。即浏览器和服务器交流，服务器和数据库交流。 1.用户操作浏览器访问一个网站，浏览器向服务器发出一个http请求 2.服务器接收到http请求，web server进行相应的初步处理，使服务器脚本生成页面 3 web server调用本地和客户端传来的数据，生成页面 4 web server将生成的页面作为http响应的body，将处...
2019-09-05 16:00:56
201
转载 DOMContentLoaded和Load
一：DOMContentLoad和Load在什么时候被触发？ 二：我们一再强调将css放在头部，将js文件放在尾部，这样有利于优化页面的性能，为什么这种方式能够优化性能？ 三：在jQuery中，我们一般将函数调用写在ready方法内，这是为什么？ 首先我们来思考，当我们输入一个页面地址时，究竟发生了什么？ 1.浏览器先下载该地址对应的html页面 2.浏览器解析页面中的dom元素 3.开启下载线程...
2019-08-27 20:57:56
296
转载 JS以及CSS对页面的阻塞的代码解释
一、JS阻塞 所有的浏览器在下载JS文件的时候，会阻塞页面上的其他活动，包括其他资源的下载以及页面内容的呈现等等，只有当JS下载、解析、执行完，才会进行后面的 操作。在现代的浏览器中CSS资源和图片image资源是并行下载的，在IE6中默认的并行的加载数目是2个，在IE6以后以及其他的浏览器中的默认的并行加载数目是6个。 在浏览器从服务器接收到HTML文档后，并把HTML在内存中转换为DOM树，在...
2019-08-27 13:46:58
508
转载 浏览器的渲染阻塞与优化
大家都知道，css文件放头部，js文件放body最底部，可是大家知道其中的原理吗？ 要明白上述问题，我们需要知道是什么在阻塞页面的渲染？ 一：回顾浏览器渲染流程 1.浏览器开始解析目标HTML文件,执行流的顺序为自上而下。 2.HTML解析器将HTML结构转换为基础的DOM(文档对象模型),构建DOM树完成后,触发DomContendLoaded事件。 3.CSS解析器将CSS解析为CSSOM(层...
2019-08-27 12:03:32
1276
转载 对浏览器渲染过程的理解
一 ： 为什么要了解浏览器渲染页面的机制，主要还是性能的优化。 1.了解浏览器如何进行加载，我们可以在引用外部样式文件，外部JS时，将它们放到合适的位置，是浏览器以最快的速度，将文件加载完毕。 2.了解浏览器如何进行解析，我们可以在构建DOM结构，组织CSS选择器的时候，选择最优的写法，提高浏览器的解析速率。 3.了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写JS文件时，可以减少...
2019-08-26 21:18:51
270
原创 五大主流浏览器内核
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
491
原创 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
731
原创 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
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人