前端笔记-201809

1、window.top

top 属性返回最顶层的先辈窗口。该属性返回对一个顶级窗口的只读引用。如果窗口本身就是一个顶级窗口，top 属性存放对窗口自身的引用。如果窗口是一个框架，那么 top 属性引用包含框架的顶层窗口。

// 改变顶层窗口页面地址
window.top.location.href = surl;

 2、seo优化忽略点

1）对于与站点无关的外链a标签，加上rel="nofollow"，告诉爬虫该页面无需追踪。

nofollow是HTML元标签(meta)的content属性和链接标签(a)的rel属性的一个值，告诉机器(爬虫)无需追踪目标页，为了对抗blogspam(博客垃圾留言信息)，Google推荐使用nofollow，告诉搜索引擎爬虫无需抓取目标页，同时告诉搜索引擎无需将的当前页的Pagerank传递到目标页。nofollow在Google的作用已经很弱，所以SEO要控制站点的PR的流动，避免链接指向垃圾页面。

2）<srong>和<em>有利于seo，<b>和<i>只是实现加粗和斜体的效果，与seo无关。如果只是需要实现加粗和斜体的样式，使用<b>和<i>标签；如果需要强调内容，使用<srong>和<em>标签。

3、http和https

　　超文本传输协议（HTTP，HyperText Transfer Protocol）是互联网上应用最为广泛的一种网络协议，所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。HTTP是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。

　　HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。现在它被广泛用于万维网上安全敏感的通讯，例如交易支付方面。HTTPS使用端口443，而不是像HTTP那样使用端口80来和TCP/IP进行通信。主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性，凡是使用了 https 的网站，都可以通过点击浏览器地址栏的锁头标志来查看网站认证之后的真实信息，也可以通过 CA 机构颁发的安全签章来查询。

　　HTTPS和HTTP的区别：超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息。HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此HTTP协议不适合传输一些敏感信息，比如信用卡号、密码等。为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTPS。为了数据传输的安全，HTTPS在HTTP的基础上加入了SSL协议，SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通信加密。

　　出于HTTPS的安全策略，浏览器会阻断HTTPS上的非安全请求（HTTP）请求。

HTTPS和HTTP的区别主要为以下四点：

一、https协议需要到ca申请证书，一般免费证书很少，需要交费。

二、http是超文本传输协议，信息是明文传输，https 则是具有安全性的ssl加密传输协议。

三、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

四、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。

4、图片防盗链

在很多地方，如淘宝、拍拍等C2C网站，发布商品需要对宝贝进行描述，就需要图片存储，而为了使自己辛辛苦苦拍摄的图片不被别人调用，就需要防盗链的功能。图片防盗链还可以防止其它网站盗用你的图片，浪费你宝贵的流量。

5、反向ajax

　　场景1：当有新邮件的时候，网页自动弹出提示信息而无需用户手动的刷新收件箱；场景2：当用户的手机扫描完成页面中的二维码以后，页面会自动跳转；场景3：在类似聊天室的环境中有任何人发言，所有登录用户都可以即时看见信息。与传统的MVC模型请求必须从客户端发起由服务器响应相比，使用反向Ajax能够模拟服务器端主动向客户端推送事件从而提高用户体验。

6、jsonp跨域的弊端

1）服务端需要改动代码支持，对于请求别人的服务不可行。

2）只支持GET请求

3）发送的不是XHR请求，XHR有许多新特性

7、nginx

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，其特点是占有内存少，并发能力强。使用nginx配置虚拟主机。

8、linux

　　Linux发行版在服务器领域确定了地位，通常服务器使用LAMP（Linux + Apache + MySQL + PHP）或LNMP（Linux + Nginx+ MySQL + PHP）组合。目前国内Linux更多的是应用于服务器上，而桌面操作系统更多使用的是 Windows。

• 文件与目录管理

cat 文件名：连接文件并打印到标准输出设备上（查看文件内容）；

ls：显示当前目录下的文件与目录

cd：切换目录（cd test：切换到当前目录下的test目录，cd ..：切换到当前目录的上一级目录）

• vim（从 vi 发展出来的一个文本编辑器）

　　vim 是vi的升级版本，它不仅兼容vi的所有指令，而且还有一些新的特性在里面。【常用命令组合：i+ESC+:wq】

命令模式：用户刚刚启动 vi/vim，便进入了命令模式；

输入模式：在命令模式下按下i或insert键就进入了输入模式。ESC，退出输入模式，切换到命令模式。

底线命令模式：在命令模式下按下:（英文冒号）就进入了底线命令模式。在底线命令模式中，基本的命令有q 退出程序、w 保存文件