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到网页显示的整个过程
- 浏览器输入url后会通过dns将url解析为服务器的ip地址
- 通过ip访问到对应的服务器或代理服务器
- 通过TCP/IP三次握手与服务器建立TCP连接
- 建立TCP连接后，浏览器发起http请求
- 等待服务器响应
- 下载服务器响应的HTML资源
- http1.1协议会根据网页中所需的资源再次发起http请求，继续等待并下载资源。
- http2协议会在第一次http请求时，将网页所需的资源一次性主动推送给浏览器。
- 通过四次挥手关闭TCP连接
- 时间线
- 呈现页面
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进行访问静态文件
网友评论