美文网首页实用前端
前端人(FE2)要了解的知识

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

作者: 麦壳儿UIandFE2 | 来源:发表于2016-10-07 23:04 被阅读59次

什么是浏览器和服务器:

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

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

这台电脑他可不一般,配置可要比我们平时用的个人电脑流比了,因为它得不眠不休的上班,否则怎么能保证你一天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进行从上到下的解析(渲染),将最后的页面效果显示出来。

相关文章

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

    什么是浏览器和服务器: 所有应用程序貌似就是一个图标,点开后可以干很多事,浏览器当然也是这样,这是我们惯有认知。其...

  • 入门前端要先了解的知识

    前端主要学习html,css,js这三样东西,但是我们需要通过现象看本质,为什么是这些?如果把前端比喻成一个人,那...

  • 前端技术研发人员的能力模型

    1 对于前端知识体系形态的理解 1.1 你的前端知识体系生长于哪? 了解前端首先还是建议了解一些浏览器的基础的工作...

  • 前端学前知识了解

    在在互联网公司中,前端负责页面呈现和交互功能。 前端要根据设计稿进行对页面的还原,呈现和实现交互功能,在进行过程中...

  • Web之旅—— HTML5背景知识(2)

    本节主要是介绍HTML5的一些背景知识。要学习前端,对必要的背景知识需要有个大致的了解。 一、知识点速记 HTML...

  • 推荐一款程序猿必备浏览器插件-掘金插件

    作为一名前端程序员,了解最新前端知识都是从那里了解呢,今天推荐一款浏览器插件-掘金插件,里面不仅仅有前端相关知识,...

  • 01、前端是干什么的.md

    建议学习时长: 30分钟学习方式:了解 学习目标 了解什么是前端 了解前端要学会什么。 详细介绍 什么是前端 先看...

  • 最全的前端相关公众号整理

    前端公众号大全 这里汇集专注前端知识分享的相关公众号,帮助大家了解前端知识发展趋势和业界相关动态。相信所有的公众号...

  • 前端科普系列(5):ESLint - 守住优雅的护城河

    作者:Morrain 【前端科普系列】帮助阅读者了解web前端,主要覆盖web前端的基础知识,但不深入讲解,定位为...

  • 01.了解前端知识体系

    了解前端知识体系 前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Languag...

网友评论

    本文标题: 前端人(FE2)要了解的知识

    本文链接:https://www.haomeiwen.com/subject/mkfuyttx.html