前端简介

前端de概念

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

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

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

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

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

什么是协议：

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

HTTP协议由来：

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

HTTP 之URL ：

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

http协议详解

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

http协议四大特性

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

http协议响应状态码

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

web前端的学习流程

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

前端三剑客：

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

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