web前端简介 | 什么是前端

前端简介

前端de概念

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。多数后端开发人员从事于构建工作应用程序背后的实际逻辑。前后端需要相互配合，共同完成一个项目。那到底什么是前端？什么是后端呢？

接下来带你一起来了解前端与后端技术的区别。

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

任何与操作系统打交道的界面都可以称之为"前端" 手机界面(app) 电脑界面(软件) 平板界面(软件)

在了解前端之前呢我们需要了解一下什么是HTTP协议

什么是协议：

• 协议即共同计议，协商；经过谈判、协商而制定的共同承认、共同遵守的文件。

HTTP协议由来：

1.  
   因为浏览器需要充当很多服务端的客户端
2.  
   但是不同服务端的代码是由不同的程序员开发的
3.  
   从而会出现的数据格式和编程语法千变万化，如何让浏览器全部能够兼容呢
4.  
   为了能够让浏览器无障碍的与诸多服务端进行数据交互
5.  
   所以有了HTTP协议 大家都遵循这个协议

HTTP 之URL ：

1.  
   其实我们通常说的网站他的专业名词就是URL
2.  
    
3.  
   URL:统一资源的定位符 (访问URL即访问整个资源体)

http协议详解

1.  
   http请求由三部分组成，分别是：请求行、消息报头、请求正文
2.  
    
3.  
   1、请求行以一个方法符号开头，以空格分开，后面跟着请求的URI和协议的版本，格式如下：Method Request-URI HTTP-Version CRLF
4.  
   其中 Method表示请求方法；Request-URI是一个统一资源标识符；HTTP-Version表示请求的HTTP协议版本；CRLF表示回车和换行(除了作为结尾的CRLF外，不允许出现单独的CR或LF字符)。
5.  
    
6.  
   请求方法(所有方法全为大写)有多种，各个方法的解释如下：
7.  
   GET 请求获取Request-URI所标识的资源
8.  
   POST 在Request-URI所标识的资源后附加新的数据
9.  
   HEAD 请求获取由Request-URI所标识的资源的响应消息报头
10.  
    PUT 请求服务器存储一个资源，并用Request-URI作为其标识
11.  
    DELETE 请求服务器删除Request-URI所标识的资源
12.  
    TRACE 请求服务器回送收到的请求信息，主要用于测试或诊断
13.  
    CONNECT 保留将来使用
14.  
    OPTIONS 请求查询服务器的性能，或者查询与资源相关的选项和需求
15.  
     
16.  
    2、请求报头后述
17.  
    3、请求正文

http协议四大特性

1.  
   1.四大特性
2.  
   1.基于请求响应
3.  
   服务端永远不会主动给客户端发消息 必须是客户端先发请求
4.  
   如果想让服务端主动给客户端发送消息可以采用其他网络协议
5.  
   2.基于TCP、IP作用于应用层之上的协议
6.  
   应用层(HTTP)、传输层、网络层、数据链路层、物理链接层
7.  
   3.无状态
8.  
   不保存客户端的状态信息
9.  
   早期的网站不需要用户注册 所有人访问的网页数据都是一样的
10.  
    "纵使见她千百遍 我都当她如初见"
11.  
    4.无连接/短连接
12.  
    两者请求响应之后立刻断绝关系

http协议响应状态码

1.  
   用数字来表示一串中文意思
2.  
   1XX:服务端已经接受到了数据正在处理 你可以继续发送数据也可以等待
3.  
   2XX:200 OK请求成功 服务端返回了相应的数据
4.  
   3XX:重定向(原本想访问A页面 但是自动跳转到了B页面)
5.  
   4XX:403没有权限访问 404请求资源不存在
6.  
   5XX:服务器内部错误
7.  
   """
8.  
   公司还会自定义状态码 一般以10000开头
9.  
   参考:聚合数据
10.  
    """

web前端的学习流程

web是一门独有的强大技术，要想钻的很深，需要花费大量的时间的。

前端三剑客：

1.  
   HTML
2.  
   html(超文本标记语言——HyperText Markup Language)是构成 Web 世界的基石。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
3.  
    
4.  
   CSS
5.  
   层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
6.  
    
7.  
   JS
8.  
   JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。

比喻：html就像是房子的主题结构，css是将房子进行划分成屋子并进行粗装修，javascript就是确定细装修决定各个门走向，开关是做是开哪里的灯的还是水阀门。