前端笔记-201809

一、window.top

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

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

 二、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>标签。

三、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的区别主要为如下四点：

1、https协议须要到ca申请证书，通常免费证书不多，须要交费。

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

3、http和https使用的是彻底不一样的链接方式，用的端口也不同，前者是80，后者是443。

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

四、图片防盗链

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

五、反向ajax

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

六、jsonp跨域的弊端

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

2）只支持GET请求

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

七、nginx

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

八、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 保存文件