前端开发之基础

            #使用浏览器上网的流程：在浏览器输入(URL)服务端域名，浏览器会把输入的域名发给一个DNS服务器解析成对应的IP地址与端口，返回给浏览器，浏览器在根据IP地址跟端口找到一台唯一的服务器服务器收到浏览器客户端的链接请求与客户端建立链接，此时用户就可以访问服务器里的数据了。

 

URL:统一资源定位符(我们输入的网址就是URL,每一个URL对应的是一个Internet地址,对应的是这世界上独一的一台服务器,UPL是URI的一种类型)

UPI:统一资源标识符

         

1，HTTP协议：

     HTTP协议是：超文本传输协议

              作用是：用浏览器与wed服务端传输数据

    怎么使用HTTP协议：HTTP是应用层的协议，它是基于传输层的TCP来进行网络传输数据。

    特点：

          1，无状态：它不保存用户使用状态，也就是说客户再次访问相同网页数据时，必须再次经过服务端的验证才能使用

                            解决的方法：token,cookie与session

            #cookie：客户端保存用户状态信息，在用户首次登录服务端访问数据时，服务端会生成一个set-cookie首部字段信息，由客户端保存，下次再链接访问时，客户端把这个字段信息

发给服务端，服务端会对比记录，得到客户端的状态信息，成功则可以访问。

            #session:服务端保存用户信息，这种方法会在用户访问量大时造成服务端压力过大，占用大量服务端的资源。

           #token：服务端不保存用户信息，这种方法是用户在首次访问服务端时，服务端根据用户输入的用户名跟密码生成一个token秘钥，这个秘钥经过服务端的一种算法加密计算做成一个

签名，返给用户端，用户端下次访问时只需要把这个签名加在字段头发送过来，服务端经过算法反解出来，对比看是否符合，就可以判断用户是否是假冒的。

           token的优点是，极大减少了服务端的压力，安全性高，可扩展性，跨平台性。

         2，无连接：HTTP本身是没有链接的，他的每次访问请求都是基于TCP协议来进行数据访问，每次访问结束后，链接就会自动断开，下次访问时就必须再次进行链接，这种特性会对服务端的资源造成很大浪费，数据访问的返回时间也会增大。

            解决方法：keepalive（长链接）       在访问请求的头部加入keepalive建立长链接，这个链接会保存一段时间，在这段时间里访问数据不需要建立链接，也由于这种长链接，访问数据时可以不用等待服务端的回应不断的发送请求，形成请求流水线。减少数据访问回应时间，减少服务端的占用资源。

  3、HTTP之request（访问请求）
        GET url HTTP/1.1\r\n   
        k1:v1\r\n
        k2:v2\r\n
        ....
        \r\n
        请求体（只有post方法才有请求体）


        请求URL：
             https://www.cnblogs.com:80/linhaifeng/articles/8982675.html?a=1&b=1#anc1
        请求方法：
            GET（访问网页时使用）
                参数是存放url地址的？后的
                参数大小有限制
                不安全

            POST（访问数据是使用）
                参数是存放请求体中的
                参数大小无限制
                相对安全


        请求头：
            user-agent
            referer
            cookie

GET:表示请求访问服务器的类型,称为方法(一般是请求访问页面信息),服务端会响应返回页面信息
POST:表示请求访问服务器的类型(一般是向指定资源提交数据进行处理请求),服务端响应返回数据处理结果



   3、HTTP之response （服务端回应）

        HTTP/1.1 200 Ok\r\n
        k1:v1\r\n
        k2:v2\r\n
        ...
        \r\n
        相应体（即我们要从服务端下载的内容）

2、HTML
    1、是什么？
        超文本标记语言，即学习这门语言就是在一堆标记

    2、为何要用？
        标记文本

    3、如何用？
        HTML标签就是用来做记号的，虽然这些记号自带一些样式，但务必忽略掉记号的样式，样式会专用用css来做

        标签/元素

        <标签名 属性名="属性值">包含的文本内容</标签名>
        <标签名 属性名="属性值" />

        只站在html角度，按照能否嵌套子标签，可以将标签分为两大类：
            容器类标签：可以嵌套任意其他类型的标签

            文本类标签：只能嵌套文字、图片、超链接