前端小知識彙總

.disabled

超文字傳輸協議（http）的設計目的是保證客戶機與伺服器之間的通訊。 http 的工作方式是客戶機與伺服器之間的請求-應答協議。 web 瀏覽器可能是客戶端，而計算機上的網路應用程式也可能作為伺服器端。

head: 與 get 相同，但只返回 http 報頭，不返回文件主體 put: 上傳指定的 uri 表示 delete: 刪除指定資源 options: 返回伺服器支援的 http 方法 connect: 把請求連線轉換到透明的 tcp/ip 通道 post: 向指定的資源提交要被處理的資料

// 查詢字串（名稱/值對）是在 post 請求的 http 訊息主體中傳送的複製**

get: 從指定的資源請求資料

get 請求可被快取 get 請求保留在瀏覽器歷史記錄中 get 請求可被收藏為書籤 get 請求不應在處理敏感資料時使用 get 請求有長度限制(2048字元),ie和safari瀏覽器限制2k;opera限制4k;firefox，chrome限制8k get 請求只應當用於取回資料

post 請求不會被快取 post 請求不會保留在瀏覽器歷史記錄中 post 不能被收藏為書籤 post 請求對資料長度沒有要求

body

//
indexof實現
var array = [1, 1, '1'];
function
unique(array) 
}return
res;
}console.log(unique(array));
//排序後去重
var array = [1, 1, '1'];
function
unique(array) 
seen =sortedarray[i];
}return
res;
}console.log(unique(array));
//filter實現
var array = [1, 2, 1, 1, '1'];
function
unique(array) )
return
res;
}console.log(unique(array));
//排序去重
var array = [1, 2, 1, 1, '1'];
function
unique(array) )
}console.log(unique(array));
//object鍵值對
var array = [, , ];
function
unique(array) ;
return array.filter(function
(item, index, array))
}console.log(unique(array)); 
//[, ]
//es6 set實現
var unique = (a) => [...new set(a)]

function
checkphone()$/.test(phone)))
}

cookie是**為了標示使用者身份而儲存在使用者本地終端（client side）上的資料（通常經過加密）。 cookie資料始終在同源的http請求中攜帶（即使不需要），記會在瀏覽器和伺服器間來回傳遞。 sessionstorage和localstorage不會自動把資料發給伺服器，僅在本地儲存。

儲存大小： cookie資料大小不能超過4k。 sessionstorage和localstorage 雖然也有儲存大小的限制，但比cookie大得多，可以達到5m或更大。

超連結訪問過後hover樣式就不出現了被點選訪問過的超連結樣式不在具有hover和active了解決方法是改變css屬性的排列順序: l-v-h-a : a:link {} a:visited {} a:hover {} a:active {}

關鍵選擇器（key selector）。選擇器的最後面的部分為關鍵選擇器（即用來匹配目標元素的部分）；如果規則擁有 id 選擇器作為其關鍵選擇器，則不要為規則增加標籤。過濾掉無關的規則（這樣樣式系統就不會浪費時間去匹配它們了）；提取專案的通用公有樣式，增強可復用性，按模組編寫元件；增強專案的協同開發性、可維護性和可擴充套件性; 使用預處理工具或構建工具（gulp對css進行語法檢查、自動補字首、打包壓縮、自動優雅降級）；

全域性函式無法檢視區域性函式的內部細節，但區域性函式可以檢視其上層的函式細節，直至全域性細節。當需要從區域性函式查詢某一屬性或方法時，如果當前作用域沒有找到，就會上溯到上層作用域查詢，直至全域性函式，這種組織形式就是作用域鏈。

前端小知識彙總

前端小知識

前端小知識

前端知識筆記彙總200304

相關推薦