escape encodeURI encodeURIComponent 的区别

• escape已废弃api，在未来的浏览器中可能会无法使用。
• encodeURI对一些特殊字符如&无法进行编码
• encodeURIComponent可以对任何字符进行编码

URI URL URN

• URI uniform resource identifier 统一资源标识符。URI是URL和URN的统称。
• URL uniform resource locator 统一资源定位符，用来定义以何种方式找到唯一资源， http、https、ftp、websocket等
  • http://www.baidu.com:80 /test/demo.html ?testid=123 #d
  • <scheme>:// <host>:<port> <path> ?<query> <frag>(碎片,其他不重要的)
  • 协议名称 + 域名 + 端口号 + 资源路径(test) + 资源名称(test.html) + 查询参数 + 锚点等
  • url中如果未指明端口号，默认为80端口，https的默认端口为443
• URN uniform resource name 统一资源名称
  • URN为www.baidu.com:80/test/demo.html?testid=123#d 不包含协议名称，仅仅是名称不做定位。
  • URN只是资源名称，无法定位到唯一的资源。只能+协议名称才能找到唯一资源。

url到网页显示的整个过程

1. 浏览器输入url后会通过dns将url解析为服务器的ip地址
2. 通过ip访问到对应的服务器或代理服务器
3. 通过TCP/IP三次握手与服务器建立TCP连接
4. 建立TCP连接后，浏览器发起http请求
5. 等待服务器响应
6. 下载服务器响应的HTML资源
7. http1.1协议会根据网页中所需的资源再次发起http请求，继续等待并下载资源。
8. http2协议会在第一次http请求时，将网页所需的资源一次性主动推送给浏览器。
9. 通过四次挥手关闭TCP连接
10. 时间线
11. 呈现页面

BS & CS 架构

• BS: browser server
  • bs是cs架构的一种衍生
  • 维护升级方便、页面更加的美观
  • 安全性差，页面源代码直接暴露在浏览器
  • bs操作体验比cs要相对较差，由于页面的UI、渲染需要经过浏览器绘制
• CS: client server
  • 直接对接操作系统，UI直接使用系统提供的图形，运行更快
  • 升级维护麻烦，占用空间较大
  • 程序包封装的比较封闭，安全性更高

服务器购买

• ecs弹性服务器
  • 创建实例：相当于通过构造函数实例化的对象，对实例的属性可以随时进行修改。

  • 一个实例可以包含以下属性(虚线部分)：

    
    

域名操作

• ip相当于是id，域名相当于ip的各种名字。
• ip和域名是一对多的关系。ip是唯一的，域名可以有多个。
• 阿里云购买域名
• 购买后，如果要将域名绑定到ip上，点击解析
• 点击添加记录
• 按照图标添加记录
• 记录类型：A代表记录值为一个ip地址 CNAME代表记录值为一个域名
• 记录值为服务器ip地址或其他域名

• TTL 为time to live，意思是域名和ip映射在本地dns服务商存活的时间，代表用户在规定时间内，依旧走缓存记录，节约解析时间。

  
  

静态网站搭建

• mac 连接centos
  • 终端 sudo -u
  • ssh -p 22 username@ip：其中22代表端口，username代表远程服务器用户名，ip为远程服务器ip。
  • 回车输入服务器用户名密码即可
• mac本地上传文件到服务器
  • scp index.html root@123.56.26.152:/res
  • 本地和服务器都需要安装yum install openssh-clients
• 上传成功后，在阿里云实例中，安全组打开80端口
• 在centos中安装nginx服务器
• 进入etc下的nginx，将nginx.conf里的/usr/share/nginx/html;修改为目标文件夹
• 重启nginx即可通过 ip进行访问静态文件