前端筆記-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 保存文件