输入 URL 到页面加载显示完成发生了什么

• DNS 解析
• TCP 连接
• 发送 HTTP 请求
• 服务器处理请求并返回 HTTP 报文
• 浏览器解析渲染页面
• 连接结束

跨域

同源策略

跨域问题其实就是浏览器的同源策略所导致的。

「同源策略」是一个重要的安全策略，它用于限制一个[origin]的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。 --来源 MDN

说一下HTTP和HTTPS

HTTPS的SSL加密是在传输层实现的。

基本概念

1. HTTP： 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从 WWW 服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。
2. HTTPS：是以安全为目标的 HTTP 通道，简单讲是 HTTP 的安全版，即 HTTP 下加入 SSL 层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL。
3. HTTPS协议的主要作用：建立一个信息安全通道，来确保数组的传输，确保网站的真实性。

讲讲viewport和移动端布局

1.px和视口

为了理清楚这个概念我们首先介绍像素和视口的概念

1. 像素

像素是网页布局的基础，一个像素表示了计算机屏幕所能显示的最小区域，像素分为两种类型：css像素和物理像素。

我们在js或者css代码中使用的px单位就是指的是css像素，物理像素也称设备像素，只与设备或者说硬件有关，同样尺寸的屏幕，设备的密度越高，物理像素也就越多。下表表示css像素和物理像素的具体区别：

HTTP

定义

• 超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。这个简单模型是早期Web成功的有功之臣，因为它使开发和部署非常地直截了当。 ————百度

实战

利用http模块创建一个简单的服务器

  // 1.引入 http 模块
  const http = require('http');
  
  // 2.调用方法 创建服务器对象
  /* 
      * request 请求报文的封装对象
      * response 响应报文的封装对象
  */
  const server = http.createServer(function(request,response){
  
      response.end('Hello HTTP server');
  
  });
      
  // 3.监听端口  启动服务
  /* 
      端口号    计算的服务端口窗口  总共65536个  8000 3000 9000 8080
      默认端口 80 
      ctrl + c 停止服务
  */
  server.listen(8000,function(){
      console.log('服务器已经启动，端口 8000 坚挺中......');
  })