前言：
前端中语言
HTML（超文本标记语言） CSS(层叠样式表) JavaScript（动态语言交互，简称js） JSP（最终会转化成java语言） JavaScriptPage（页面，与js没有关系）
VUE（典型的能很容易的实现前后端分离，渐进式JavaScript框架）
ECHARTS（用于数据图片分析展示，可以了解一下）
bootstrap （前端开发框架）
C# 主要擅长做窗口开发
一 ： 域名概述
1.1 域名的概念
- IP地址不易记忆
1.2 早期使用Hosts文件解析域名
- 主机名称重复
- 主机维护困难
1.3 DNS（Domain Name System 域名系统）
- 分布式
- 层次性
1.4 win中 hosts文件的路径
1.5 win中hosts文件中的内容
在进行域名解析时，会默认先去识别hosts文件，若是hosts中有指向，则可以快速的去找到目标服务器，而不用每次都要去找DNS服务器，从而加快运行速度1.6 域名空间结构
URL（网络资源定位） http：//www.kgc.com/test
协议：//主机名.二级域名.顶级域/虚拟目录二 ： 网页的概念
2.1 网站
- 由一个一个页面构成的，是多个网页的结合体
2.2 网页
- 纯文本格式文件，其编写语言为HTML，在用户的浏览器中被“翻译”成网页形式显示出来
2.3 主页
- 打开网站后出现的第一个网页成为网站主页（或首页）
2.4 域名
- 浏览网页时输入的网址
2.5 HTTP协议
- 用来传输网页的通信协议
- http：80端口
- https：443端口
- 也有ftp：// 20或21端口
2.6 URL
- 是一种万维网寻址系统
2.7 HTML
- 用来编写网页的超文本标记语言
2.8 超链接
- 超链接是将网站中不同网页连接起来的功能
2.9 发布
- 将制作好的网页上传到服务器供用户访问的过程
备注：网页发布当中最忌讳绝对路径 ，如果迁移，就会发生找不到路径的隐患
三 ：HTML 概述
3.1 HTML超文本标签语言
- Hyper text markup language
- 网页的“源码”
3.2 浏览器 ：“解释和执行” HTML源码的工具
有头有尾的，就是双结构
以/结尾的，就是单结构
3.2 HTML 文档的结构
3.3 标签
title常使用CSS，做美化使用
body是正文内容
title 网站标题
一级标题 h1
p 段落标签
br 换行标签
span 包含标签 ：
style=“color” ；
font-size：1.5rem；
img src=“img/ping/png” width=“100px” height=“150px” 图片标签，路径、宽度、高度（px单位为像素）
a 超链接 href=“网页名” width=“-blank点击弹出第二个窗口”
四 ：Web 概述
- web （world wide web）即全区广域网，也称为万维网
- 一种分布式图形信息系统
- 建立在Internet上的一种网络服务
4.1 Web1.0 与Web2.0
4.1.1 web 1.0
- 以编辑为特征，网站提供给用户的内容是编辑处理后提供的，然后用户阅读网站提供的内容。这个过程是网站到用户的单向行为
4.1.2 web 2.0
- 更注重用户的交互作用，用户近视网站内容的消费者（浏览者），也是网站内容的制造者
- 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与
五 ： 静态网页
5.1.1 静态网页是标准的HTML文件
5.1.2 扩展名是.htm、.html
- 文本、图像、声音、FLASH动画、客户端脚本和Activex控件及JAVA小程序等
5.1.3 是网站建设的基础，早期网站一般都有静态网页制作的
5.1.4 没有后台数据库、不含程序和不可交互的网页
5.1.5 相对更新起来比较麻烦，适用于一般更新较少的展示型网站
5.2 静态网页特点
5.2.1 每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”
5.2.2 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件
5.2.3 静态网友的内容相对稳定，因此容易被搜索引擎检索
5.2.4 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
5.2.5 静态网页的交互性较差，在功能方面有较大的限制
5.2.6 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面
六 ： 动态网页
MVC，视图模板控制器，通过业务请求去判断资源
6.1.1 网页URL不固定，能通过后台与用户交互
6.1.2 在动态网页网址中有一个标志性的符号——“？”
6.1.3 常用的语言有ASP,PHP,JSP等
6.2 动态网页的特点
6.2.1 交互性
- 即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大势所趋
6.2.2 自动更新
- 无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量
6.2.3 因时因人而变
- 当不同的时间，不同的人访问同一网址时会产生不同的页面
备注：以后还会阐述动静分离
七 ： HTTP协议
7.1 http 协议概述
7.1.1 HTTP协议是互联网上应用最为广泛的一种网络协议，设计这个协议的目的是为了发布和接受web服务器上的HTML页面
7.1.2 HTTP协议的版本
- HTTP 0.9
- HTTP 1.0
- HTTP 1.1
- HTTP 2.0
7.2 HTTP方法
7.2.1 HTTP支持几种不同的请求命令，这些命令被称为HTTP方法（HTTP method）
7.2.2 每条HTTP请求报文都包含一个方法，败诉服务器要执行什么动作
- 获取一个web页面
- 运行一个网关程序
- 删除一个文件等
post 和get 请求
post安全 get效率，get会把信息写入到url中
post会将信息进行加密处理
7.2 HTTP协议有多种获得Web
- HTTP协议有多种获得web资源的方法，常用的有两种：GET和POST
7.3 GET方法：从指定的服务器上获得数据
- get请求能被缓存
- get请求会保存在浏览器的浏览记录里
- get请求有长度的限制
- 主要用于获取数据
- 查询的字符串会显示在URL中，不安全
7.4 POST方法：提交数据给制定法服务器处理
- POST请求不能被缓存
- post请求不会保存在浏览器的浏览记录里
- post请求没有长度限制
- 查询的字符串不会显示在URL中，比较安全
八 ： HTTP状态码
8.1 当使用浏览器访问某一个URL，会根据请求URL返回状态码
8.2 通常正常的状态码为2xx，3xx（如200）
8.3 如果出现异常会返回4xx，5xx（如404）
404 地址路径问题，找不到该网页
8.4 生产环境常见的HTTP状态码
8.5 HTTP协议请求流程分析
f步骤是把服务端的静态网页下载到客户端的temp缓存中
九 ：HTTP消息报文格式
9.1 HTTP请求消息报文格式包括：请求行、请求头、请求体
1 Get /mattmarg/ HTP/1.1请求目录
2 User-Agent：Mozilla/2.0（Macintosh；I；PPC）浏览器标识
3 Accept：text/html； /
4 Cookie：name = value
5 Referer：http：//XXX.com/a.html
备注：
cookie ：记录日志，可以记录账号密码，
referer ：重定向 ，防止直接在未授权的情况下进入内部页面
9.2 HTTP响应消息报文格式包括：状态行、响应头、响应体
- 01 HTTP/1.1 200 OK
- 02 Server: Microsoft-IIS/5.1
- ......
- 06 Accept-Ranges:bytes
- 07 Last-Modified: Wed, 02 Jul 2008 01:01:26 GMT
- 08 ETag: "0f71527dfdbc81:ade"
- 09 Content-Length: 46
- 10
- 11 < html >< head >< /head >< body >adfasfa< /body >< /html >
9.3 针对HTTP，通常用一款Fiddler 这款抓包工具，用于分析HTTP报文
原文地址：https://blog.51cto.com/14558445/2457573