美文网首页程序员HTTP服务器饥人谷技术博客
前端是什么/互联网的原理/HTTP协议+服务器相关知识

前端是什么/互联网的原理/HTTP协议+服务器相关知识

作者: 刘子豪Geek | 来源:发表于2017-05-06 21:37 被阅读0次

一: 前端是什么

  • 前端是什么:
    前端通常是指,网站的前台部分。包括网站的结构层表现层
    前端技术一般分为前端设计前端开发前端设计可以理解为网站的视觉设计,由设计人员进行效果图的制作。前端开发则是写出网站的前台代码,由前端工程师进行实现,技术包含最基本的HTML+CSS+JavaScript,以及现在大火的HTML5、CSS3技术等。
    前端页面包含: PC端页面以及移动端页面

  • 前端工程师在公司里是充当着一个怎样的角色:
    1.前端工程师将设计人员所提供的效果图使用代码形式去生成网页,利用HTML+CSS+JS等技术。
    2.和设计人员不断优化用户体验以及和后端人员沟通衔接不断解决产品问题以及后期维护工作。
    3.如今的前端工程师已经成熟到完全可以称之为:"一个伟大的工程师角色",并且在一个项目中绝对占据着一个举足轻重的地位!

  • Web标准:
    1.是由W3C万维网联盟组织来制定的Web标准。
    2.Web标准是程序员制作网页时要遵循的规范。
    3.Web标准规范的分类为:
    结构标准(HTML): 相当于一个人的身体结构。
    表现标准(CSS): 相当于给一个人进行化妆, 让她变得更漂亮。
    行为标准(Javascript): 相当于一个人的动作, 比如她会唱歌, 会跳舞。

二: 访问互联网的原理

  • 我们每天进行的上网, 其实就是请求数据:
    网页上的内容,怎么就被我们看见了?什么是上网?
    我们先不直接解决这个问题,我们先做一个小实验。
    在我们每个人的电脑里面,都有一个神秘的文件夹:
    C:\Users\LZH\AppData\Local\Microsoft\Windows\Temporary Internet Files
    注:LZH是我个人电脑的用户名称,每个人是不一样的。
    这个文件夹叫做临时文件夹(文件夹知道存在就可以了,不必自己试着去找)。
    我们清空这个文件夹中的全部内容后,此时此文件夹为空。
    这时我们打开IE浏览器,看几个网页。结果,这个临时文件夹中就多了很多的内容。
    仔细一看内容都是一些图片文件以及.html+.css+.xml等文件。也就是刚刚我们打开网页时显示的图片,网页文件等,都存放在了这个临时文件夹中。
    通过这个实验,我们可以得出结论:上网的时候,是有真实的、物理的文件传输的!
    所以我们经常感觉第二次打开网页,比第一次快,这是因为第一次打开网页的时候,网页中所有的图片和其它文件等都已经存到我们电脑硬盘的这个临时文件夹里了。

    所以这也能够解释,为什么每次都用360清理时能清理一堆垃圾,可释放很多硬盘空间。
    我们发现,仅浏览了一个新闻首页后,这个临时文件夹就会出来那么多各种后缀名不同类型的文件,所以现在我们的心中,就要有一个初步的认识:请求网页数据时,网页并不是指的一个文件,而是指一堆文件。
    现在我们可以回答刚才的问题了,“上网” 究竟是什么?
    答案:上网就是请求数据,也就是文件传输。

    而服务器上存放着网页的相关文件,包括html文件、css文件、js文件、图片文件等。
    当我们打开浏览器,浏览网页,我们的计算机就会对这些网页的相关文件发出HTTP请求
    当服务器接收到请求之后,会把这些文件通过HTTP协议,传输到我们的计算机当中(也就是保存到了刚才那个临时文件夹中)。
    于是这些文件,将在我们计算机本地的浏览器中,进行渲染、呈递。
    于是第二次你再打开刚刚访问的网页后,会发现打开的更快些,这是因为我们之前访问时已经将当前访问的网页它的相关文件全部缓存到了我们的电脑硬盘里。

也就是说,本来人家文件好好的在服务器上睡大觉,你一浏览网址,就把这些文件传输到本地计算机硬盘里了。


三: HTTP协议

  • 什么是HTTP协议:
    即超文本传输协议:Hypertext Transfer Protocol
    这是一个文件的传输协议,我们在上网的时候,所有的文件都是通过这个HTTP协议,从服务器上传输文件到我们的电脑里面的。
    现在我们必须要树立一个思想,就是每一个网址,都对应着服务器上的文件。
    如: http://www.liuzihao.com/person.html (虚拟网址,不存在)
    而服务器上面肯定存放着名称为person.html文件。
    如: http://www.liuzihao.com/ (虚拟网址,不存在)
    虽看似没有精确到某一个文件,但是有一个规定,就是index.html是默认的首页文件。这样访问的结果便是打开了默认的首页文件。
    注: index就是英语“目录”的意思。
    如: http://www.liuzihao.com/fruits/orange.html (虚拟网址,不存在)
    意为服务器上面会有一个fruits文件夹,而这个文件夹里面有一个orange.html文件。
    简单概括:
    网页是真实物理的文件。并且一个网页是很多的物理文件组成的:如图片文件、html文件、css文件、js等文件。这些文件要通过专用软件上传到服务器上。然后用户再通过浏览器访问网址发送了HTTP请求,此时服务器上面的文件就会通过HTTP协议再传输到用户电脑中的临时文件夹中,进而在用户电脑中执行、渲染、以及呈递。

  • 服务器:
    说了这么多服务器,那么服务器又到底是什么呢?
    1.服务器就是计算机,只不过它比咱们平时用的计算机配置牛逼了很多,并且它24小时不断电,不关机。
    2.服务器上存储着用户访问网页时的相关文件。一旦有访问者浏览网站时,服务器就将属于这个网站的相关文件发送给访问者,此时访问者的浏览器就能显示这个网站的相关内容了。
    3.服务器一旦关机,网站就无法访问了。服务器必须正常开启,网站才可正常访问。
    服务器服务器

相关文章

  • 前端是什么/互联网的原理/HTTP协议+服务器相关知识

    一: 前端是什么 前端是什么:前端通常是指,网站的前台部分。包括网站的结构层和表现层。前端技术一般分为前端设计和前...

  • Netty为什么传输快

    HTTP服务器的原理: HTTP服务器之所以称为HTTP服务器,是因为编码解码协议是HTTP协议,如果协议是Red...

  • http协议入门之缓存

    学习前端,http协议是我们绕不过去的一个坎,而http协议中的缓存则是重中之重。 知识储备 互联网协议入门 写给...

  • Tomcat和Nginx

    Tomcat架构和原理剖析 TPC/IP Http协议 浏览器访问服务器使用HTTP协议,Http是应用层协议,定...

  • 前端基础(问答25)

    keywords: http。 OSI 七层模型指什么 参考资料:互联网协议入门 HTTP 的工作原理是什么? H...

  • HTTP协议相关知识

    TCP协议的三次握手和四次握手 TCP协议的三次握手其实就是解决连接的可靠性。 解释一下相关符号: TCP标志位(...

  • nodeJS 搭建简单的本地服务器

    使用 nodeJS 搭建一个简单的本地 HTTP 服务器。 HTTP 服务器的原理: HTTP 协议定义 web ...

  • HTTP协议的理解

    HTTP协议的理解 1、HTTP协议相关 Web浏览器、服务器和相关的Web应用程序都是通过HTTP相互通信的。H...

  • 一次完整的HTTP请求经历的所有环节

    http及相关知识 http及相关知识http 就是一种协议;计算机之间要共同遵守协议规则,才能彼此之间进行相互通...

  • CSS基础

    互联网的原理 上网即请求数据。我们通过在浏览器上输入网址,通过HTTP协议向相应的服务器发送请求,服务器做出响应,...

网友评论

    本文标题:前端是什么/互联网的原理/HTTP协议+服务器相关知识

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