码迷,mamicode.com
首页 > Web开发 > 详细

理论 :熟悉web基础与http协议

时间:2019-12-11 11:27:41      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:name   通信   ddl   第一个   png   链接   重定向   记忆   广域网   

前言:
前端中语言
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报文

理论 :熟悉web基础与http协议

标签:name   通信   ddl   第一个   png   链接   重定向   记忆   广域网   

原文地址:https://blog.51cto.com/14558445/2457573

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!