跨越解决方案、tcp与udp区别、盒子模型、选择器种类及优先级

盒子模型

盒子由内到外为：内容content、内边距padding、边框border、外边距margin

标准盒子模型：content-box；宽高仅为内容宽高，设置内边距和边框将导致盒子变大

怪异盒子模型：border-box；宽高不会包括了内边距和边框，所以设置padding和border只会压缩content

 

TCP和UDP的区别

TCP是面向连接的，需要三次握手建立连接，UDP则不需要；

TCP通信是可靠的，因为会TCP丢包会自动重传，UDP不会；

TCP是有序的，在报文发送阶段结束阶段TCP会对报文进行重排，UDP不会；

TCP需要的空间更大，头部占20字节，UDP较小，只占8字节；

TCP速度慢，UDP速度快；

TCP一般用于邮件，网页；UDP一般用于视频直播

 

跨域解决方法

同源策略：协议、域名、端口号需要保持一致为同源策略，不同源的网页之间一般无法通信，跨域问题由此产生。

解决方法：

1.跨域资源共享CORS，设置相应请求头Access-Control-Allow-Origin，跟上目标url

2.使用代理服务器进行跨域

devServer: {

    historyApiFallback: true,

    proxy: [{

        context: '/login',

        target: 'http://www.domain2.com:8080',  // 代理跨域目标接口

        changeOrigin: true,

        secure: false,  // 当代理某些https服务报错时用

        cookieDomainRewrite: 'www.domain1.com'  // 可以为false，表示不修改

    }],

    noInfo: true

}

选择器种类及优先级

• 元素选择器
• id选择器
• 类选择器
• • a:行内样式:优先级1000
  • b:ID选择器:优先级100
  • c:类选择器:优先级10 (伪类属性优先级10 ）
  • d:元素选择器:优先级1
  • ！important：优先级10000