前端基础知识

浏览器窗口输入网址回车发生的几件事情

1 浏览器向服务端发送请求
2 服务端接受 （eg：请求百度网页）
3 服务端返回相应的响应 （eg: 返回要给百度首页） 
4 浏览器接受响应 根据特定的规则渲染页面展示给用户看

# 浏览器如何做到能够跟多个不同的客户端进行数据交互
    1 浏览器很牛逼 能够自动识别不同的服务端做不同的处理
    2 指定一个统一的标准 如果想让写的服务端能够跟
        客户端之间做正常的数据交互
        就必须要遵循一些"规则"

web 的本质

浏览器
服务端
文件(html文件)

web方向

前端, django bbs 

HTTP 协议

HTTP的由来(sql语句的由来)
    浏览器只有一个如何兼容N多个服务端

超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式

该协议可以不遵循， 但是写的服务端就不能被浏览器正常访问, 只能自己交互
    但是我可以写自己的客户端, 用户想要使用 就需要下载我写的客户端

HTTP 四大特性(需要记住)

1 基于请求响应
2 基于TCP／IP　作用于应用层之上的协议
3 无状态
    不保存用户信息
    eg: 一个人来了千万次 都不会记住, 每次都是新的面孔
    由于 HTTP 协议是无状态的, 所以后序出现了一些专门用来纪录用户状态的技术
        cookie, session, token...
4 无/短 链接
    请求来一次, 我响应一次, 之后我们就没有任何的链接和关系
        补丁: 长链接
            双方建立连接之后默认不断开  websocket

请求数据格式和响应数据格式

请求首行: 标识 HTTP 协议版本, 请求方式 相应状态码
请求头: 一大堆 k,v 键值对
(这里是\r\n)    
请求体: 并不是所有的请求方式都有, 只有 post 有, 存放的是post请求提交的敏感数据  

响应状态码

用一串简单的数字来表示一些复杂的状态或者描述性信息
1xx: 服务端已经成功接收到了你的数据, 且正在处理, 用户可以继续提交额外的数据
2xx: 服务端成功响应了你想要的数据 (200 请求成功)
3xx: 重定向, 当访问一个登陆之后才能看的页面, 你会发现会自动跳转到登陆页面
4xx: 请求错误
    404: 请求资源不存在
    403: 当前请求不合法 或者 不符合访问资源的条件
5xx: 服务器内部错误(500): 服务器出现问题

ps 上述状态码是HTTP协议规定的, 其实到了公司之后每隔公司还会自己定制自己的状态码

请求方式

1 get 请求
    向服务端要数据
        可以携带参数, 只不参数不是放在请求体里面的, 而是直接放在URL的后面
            url?username=zhangsan&password=123
    eg: 输入网址获取对应的内容
2 post 请求   
    向服务端提交数据
    eg: 用户登录 输入用户名和密码后提交到服务端后端做身份校验

url

统一资源定位符

文件后缀名

文件的后缀名其实是给用户看的, 只不过对应不同的文件后缀名有不同的软件来处理并添加很多功能

注意

HTML的代码是没有格式的, 可以全部写在一行都没有问题, 只不过我们习惯了缩进来表示代码

标签的分类

1 块级标签: 独占一行
    1 块级标签可以修改长款 行内标签不可以 修改了也没有变化
    2 块级标签内部可以嵌套任意的 块级标签和行内标签
         但是 p 标签 虽然是块级标签, 但是他只能嵌套行内标签, 不能嵌套块级标签
            如果嵌套了 问题也不大, 因为浏览器会自动帮忙解开
                浏览器是面向用户的, 不会轻易报错, 报错也不会使普通用户察觉
            ∴ 前端基本不会报错 
2 行内标签: 自身文本多大就占多大

标签具有的两个重要属性

1 id  值
    类似于标签的 身份证号, 在同一个 html 页面上 id 值不能重复
2 class 值
    该值有点类似于面向对象里面的继承 一个标签可以继承多个class值

标签既可以有默认的书写 也可以有自定义的书写
<p id="d1" class="c1" username="zhangsan" password="123"></p>