前端筆記 201809

2022-07-23 10:12:12 字數 1955 閱讀 4302

1、window.top

top 屬性返回最頂層的先輩視窗。該屬性返回對乙個頂級視窗的唯讀引用。如果視窗本身就是乙個頂級視窗,top 屬性存放對視窗自身的引用。如果視窗是乙個框架,那麼 top 屬性引用包含框架的頂層視窗。

//

改變頂層視窗頁面位址

window.top.location.href = surl;

2、seo優化忽略點

1)對於與站點無關的外鏈a標籤,加上rel="nofollow",告訴爬蟲該頁面無需追蹤。

2)和有利於seo,和只是實現加粗和斜體的效果,與seo無關。如果只是需要實現加粗和斜體的樣式,使用和標籤;如果需要強調內容,使用和標籤。

3、http和https

超文字傳輸協議(http,hypertext transfer protocol)是網際網路上應用最為廣泛的一種網路協議,所有的www檔案都必須遵守這個標準。設計http最初的目的是為了提供一種發布和接收html頁面的方法。http是客戶端瀏覽器或其他程式與web伺服器之間的應用層通訊協議。

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

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的公升級版本,它不僅相容vi的所有指令,而且還有一些新的特性在裡面。【常用命令組合:i+esc+:wq】

命令模式:使用者剛剛啟動 vi/vim,便進入了命令模式;

輸入模式:在命令模式下按下i或insert鍵就進入了輸入模式。esc,退出輸入模式,切換到命令模式。

底線命令模式:在命令模式下按下:(英文冒號)就進入了底線命令模式。在底線命令模式中,基本的命令有q 退出程式、w 儲存檔案

CCF 2018 09 買菜與賣菜問題

問題描述 在一條街上有n個賣菜的商店,按1至n的順序排成一排,這些商店都賣一種蔬菜。第一天,每個商店都自己定了乙個 店主們希望自己的菜價和其他商店的一致,第二天,每一家商店都會根據他自己和相鄰商店的 調整自己的 具體的,每家商店都會將第二天的菜價設定為自己和相鄰商店第一天菜價的平均值 用去尾法取整 ...

前端筆記 2015 8 16

最近重新開始整理以前學過的前端內容,並開始對css3的一些特殊屬性進行記憶。在開始css3的內容之前,有必要對這半年來的有些混亂的前端知識進行一下梳理,以備明年大四的實習之路可以更順利一些。1.1 html html漢語翻譯為超文字標記語言,成為國際標準後,由全球資訊網 w3c 維護。其文件最常見的...

html js jquery 前端筆記

動態新增div ajax實現搜尋功能 search keyup function 在某個div後動態新增div after 新的div jquery怎麼根據某個特定的值動態讓select下的option選中 select val 1 就可以讓下拉框為1的值選中。js實現select動態新增optio...