手记

前端人(FE2)要了解的知识

什么是浏览器和服务器:

所有应用程序貌似就是一个图标,点开后可以干很多事,浏览器当然也是这样,这是我们惯有认知。
其实有一些东西是在幕后默默的为我们工作着的只是你看不到而已,这些都是前端人要知道的:
当我们在浏览器的地址栏上面输入内容之后,浏览器会发送请求,到服务器,服务器接收并处理以后,将讲求的页面读取出来返回到浏览器,浏览器接收到响应回来的内容以后,浏览器的内核将内容渲染成一个完整的页面,并且显示出来。

通俗点说就是商家把做好的一些网页文件(网站)存在一台电脑(服务器)上,作为用户的我们通过网络去读取这台电脑的网站内容。我们向它要什么它就给你什么,直到要的太多太频繁了瘫痪挂掉为止。感觉有点像一对初恋,女孩提出什么请求都会响应,直到婚后男的说我受够你了,于是爱情瘫痪。

这台电脑他可不一般,配置可要比我们平时用的个人电脑流比了,因为它得不眠不休的上班,否则怎么能保证你一天24小时想什么 时候来就什么时候来,当然也要有定期的维护,比如12306中国跌路网,11点之后就不能购票了。我记得是这个时间。

什么是浏览器:

浏览器是指可以显示网页 服务器或者文件系统的文件( 标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。

什么是服务器:

服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

浏览器的分类:

主流浏览器:chrome,firefox,Safari,ie,opera····
注意:虽然市面上的浏览器有很多,我们在学习过程中主要使用到的浏览器是chrome、firefox

浏览器内核:

内核(Rendering Engine):可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(并渲染(显示)网页。
内核的分类:
Trident:ie , 猎豹安全浏览器, 360极速浏览器, 百度浏览器...
Gecko:Firefox
Webkit:Safari
Blink:Chrome,Opera
不同的内核在渲染同一内容的时候会有差别。
互联网产品发展迅速,吞并也是常有之事,所以内核也是此一时彼一时。发生变化也不是不可能的。

使用开发人员工具来查看请求和响应:

右键,选择审查元素。
打开开发人员工具。
打开notwork:
浏览器发出的请求:
浏览器请求的详细信息
浏览器请求数据的原理:
就是浏览器让请求的页面直接去服务器上找,找到了以后将这个文件中的内容通过repsonse响应回浏览器。
请求协议:http协议:
请求报文。
响应报文。

什么是url

说的通俗点就是网址。
Url:(地址)地址栏上我们输入的内容。
Url的组成:协议://服务器的ip地址:端口号/请求的页面
页面的本质:
虽然页面上只有一句,但是在源代码中有很多的内容:
原来浏览器所做的事情是将服务器响应回来的response进行从上到下的解析(渲染),将最后的页面效果显示出来。



作者:麦壳儿UIandFE2
链接:https://www.jianshu.com/p/746b6388ea05


0人推荐
随时随地看视频
慕课网APP