网络

http

长轮询:都是浪费性能

长连接

websocket

全双工通信,实时通信,互相的,服务器主动通知客户端,用HTTP请求协议,HTTP头部有WebSocket协议,握手后,就使用TCP协议交流

node.js一开始就支持websocket协议。

HTTP-和HTTPS

缺点分析

1
2
3
●通信使用明文(不加密),内容可能会被窃听
●不验证通信方的身份,因此有可能遭遇伪装
●无法证明报文的完整性,所以有可能已遭篡改

这些缺点导致了很多隐患,无法确认来请求的是谁,甚至无法阻挡海量请求的DoS攻击(拒绝服务攻击)

解决

可以通过加密–SSL(安全套接字层)或者TLS(安全传输层协议)就有了HTTPS(超文本安全传输层协议)

HTTPS

HTTP是直接和TCP进行通信,而HTTPS是通过中间人SSL和TCP进行交流通信的。

加密

为了做到有效的内容加密,前提是要求客户端和服务器同时具备加密和解密机制;注意的是对报文主体进行加密;

SSL不仅提供加密处理,而且还使用了一种被称为证书的手段,可用于确定方(这里的证书是由可信赖的第三方提供的)

1
这里为了解决加密的安全性问题和可行性,HTTPS采用共享密钥加密和公开密钥加密两者并用的混合加密机制。公开密钥加密方法,其使用一对非对称的密钥。一把叫做私有密钥(private key),另一把叫做公开密钥(public key。

认证

html css js快速了解应用

html css js快速了解应用

HTML是名词,CSS是形容词,JavaScript是动词

css

  • CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:
  • CSS注释以 “/*” 开始, 以 “*/“ 结束,
  • 如果你要在HTML元素中设置CSS样式,你需要在元素中设置”id” 和 “class”选择器,在css中使用#来匹配id

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。使用的是.匹配

  • 三大选择器

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    <!DOCTYPE html>
    <head>
    <title>css学习</title>
    <!-- 选择器 -->

    <link rel="stylesheet" href="./style.css" >
    <style>
    /* 标签选择器 */
    /* 优先级从小到大,往下

    h2{
    color: antiquewhite;
    }
    .h3{
    color: black;
    }
    #id{
    color: blue;
    }
    </style>
    </head>
    <body>
    <!-- 选择器 选择页面的某一个元素 -->
    <!-- 标签 -->
    <!-- 类 多个选择渲染-->
    <!-- id选择器 保持唯一-->
    <h1>
    学习css
    </h1>
    <h2>
    什么东西
    </h2>

    <h3 class="h3">
    类选择器学习
    </h3>


    <h4 id="id">
    id选择器
    </h4>

    </body>
  • backgound属性

image-20200312203508628

  • text-decoration 属性用来设置或删除文本的装饰。

  • p {text-indent:0px;} text-indent用来缩进

  • image-20200312203918446

  • font-style:用来设置字体样式,用em来设置字体大小

  • image-20200312204227525

  • 列表序号

  • image-20200312204438771

  • 表格属性

image-20200312204739839

  • 边框

  • image-20200312205009363

  • border-style:用来定义边框属性image-20200312210322663