前端后端技术

HTML

是一种网页标记语言,表示内容和语义。

CSS

规定样式的语言。在html里用它写一些定义样式的代码,然后在html文件里用一个标签把这些规定样式的CSS代码与表达内容语义的HTML代码关联起来。

JavaScript

给页面添加动态效果。

Web Server

通过HTTP协议处理web请求的计算机系统。
常见的Web Server 有:

  • Apache
  • Nginx
  • 微软的IIS
  • Node.js

服务器脚本

处理客户端各种请求,操作服务器本地文件或者数据库。生成数据交由Web Server按照某种协议套好整个响应格式,返回给客户端。

PHP

服务器脚本语言

一个普通网站的访问流程

  1. 用户操作浏览器像服务器发送HTML请求。
  2. 服务器收到HTML请求后,Web Server进行初步处理,使用服务器脚本生成页面。
    3.服务器脚本(利用Web Framework)调用本地和客户端传来的数据生成页面。
  3. Web Server将生成的页面作为HTTP响应的body,根据不同的处理结果生成HTTP header,发回客户端。
    5.客户端(浏览器)接到HTTP响应,通常第一个请求得到的HTTP响应里的body里是HTML代码,于是对HTML代码开始解析。
    6.解析过程中遇到引用服务器上的资源(额外的CSS、JS代码、图片、音视频、附件等),再向Web Server发送请求,Web Server找到相应的文件后,发送过来。
    7.浏览器解析HTML包含的内容,用到CSS代码进行外观的进一步渲染,JS代码也可能会对外观进行一定的处理。
    8.用户与界面进行交互(点击、悬停等)时,JS代码对此作出一定的反应,添加特效和动画。
    9.交互过程总可能需要向服务器索取或者提交额外的数据(局部刷新),一般不是跳转就是通过JS代码像Web Server发送请求,Web Server再用服务器脚本进行处理,把资源返回给客户端,客户端得到资源实现动态效果或者其他改变。

你可能感兴趣的:(前端后端技术)