相关咨询

FULLY MATCH ENTE

最新文章

推荐文章

web前端开发必须知道的互联网基本原理!

现在越来越多的零基础小白开始学习web前端,都想学成后找一份高薪工作,虽然web前端入门门槛较低,但是也需要我们努力学习和实操才能有所成就,想要入门web前端就要先了解互联网的基本原理。


一、什么是前端和后端?


当用户发出一个http请求,服务器接收到http请求之后,并不是马上就向用户发回http响应,而是服务器上的java、PHP、Python等程序将会运行,执行数据库的“增删改查”等业务,这些程序执行完毕之后,再向用户发回http响应,http响应实际上向用户发送的是页面,发送回的页面被浏览器解析,执行html、css、JavaScript程序,对页面进行结构渲染、美化、交互效果等展示和执行,这就是用户访问网页的具体过程。


什么是前端和后端


html、css、JavaScript就是前端语言,它们是运行在浏览器上的。


java、PHP、Python就是后端语言,它们是运行在服务器上的。


简单说,前端语言负责浏览器上渲染、展示、美化页面,后端语言负责服务器上数据的处理。


我们看到的网页,都是前端和后端共同合作完成的,并不仅仅是前端的事。因为页面上一些内容和数据,往往需要从数据库中读取出来,或者通过后端程序的计算处理之后,发送给前端。所以我们学习前端,也需要了解后端。


二、本地开发和服务器共享都是什么意思?


1、本地开发


程序员编写程序,都是在自己的电脑上进行的,自己的电脑以及电脑上的开发环境就是本地。他们所有的开发操作都是在本地进行的。


web前端程序员需要先编写好.html、.css、.js文件,然后把它们上传到服务器上,才能被用户看见。


服务器就是性能非常高的计算机,它们24小时不断电,服务器一旦断电,用户就看不到网页了。


2、服务器共享


服务器有共享文件的能力,当我们把前端网页程序文件,上传到服务器上之后,这个文件就有了网址。所有用户都可以通过这个网址看到我们的网页。


比如说,我们写了一个文件,叫web.html,我们把它上传到我们爱创课堂官网的服务器上的文件夹page里面,此时,这个文件的网址就是www.icketang.com/page/web.html。


在这里,www.icketang.com就是爱创课堂官网服务器的名字,也叫域名。在这个域名下面,有个文件夹page,文件夹page里面是我们的文件web.html。


也就是说,www.icketang.com/page/web.html这个网址,就是我们编写的文件web.html的存放位置的表达。


如果我们想更新服务器上的网页或者程序,就继续在本地进行开发,把新版本的网页或程序,再上传到服务器上,覆盖原来的网页或程序,这样服务器上的文件也就被更新了。


这个过程如下:


本地开发和共享服务器


三、http协议是什么


当用户用电脑浏览我们的网页时,他们在浏览器上输入:


www.icketang.com/page/web.html这个网址,就能访问我们的网页,当他们用手机访问我们的网页时,除了通过输入网址的形式,也可以通过扫描二维码进行访问,当然,这个二维码实际上就是代表了www.icketang.com/page/web.html这个网址的信息。


当用户长按或者扫描二维码时,就相当于自动输入了这个网址。输入网址或者扫描二维码,都叫做向服务器发出了一个http请求。此时,服务器就会正确的的识别用户发来的http请求,分析出用户想看到的是服务器上哪个文件夹中的哪个文件。比如当用户输入的网址中有page/web.html,服务器就会在page文件夹中找到web.html这个文件,过一会再发送给用户。


为什么用户输入一个网址,就能找到对应的服务器呢?这个过程比较复杂,简单来说,互联网上存在大量的节点服务器、中心服务器,主干或分支的路由器等设施,它们会配合互联网中的服务器进行工作,服务器就会正确的识别用户发来的http请求,分析出用户想看到的是哪个文件夹中的哪个文件。


服务器识别并接收了用户的http请求之后,会把用户想看的这个文件发送给用户,这个过程叫做http响应。


http协议


http协议:英文全称是Hypertext Transfer Protocol。即超文本传输协议,是互联网数据传输的常见协议。


一次http事务,是由“http请求”和“http响应”构成。


我们经常看到网址前面,会有http://,它就表示用http协议去请求页面。


http协议就是一个请求一个响应的数据传输协议。


http协议也是很博大精深的,我们现在先有个了解就行,后面我们在学习服务器以及ajax相关知识的时候,再去深入了解。


以上是关于互联网的基本原理介绍,接下来我们就可以进入真正的前端编程学习了。