常用前端知識積累

2022-09-08 07:48:09 字數 2152 閱讀 7552

使用閉包主要是為了設計私有的方法和變數。 優點是可以避免全域性變數的汙染, 缺點是閉包會常駐記憶體,會增大記憶體使用量,使用不當很容易造成記憶體洩露

第一:每個特定的網域名稱下最多生成20個cookie

ie6或更低版本最多20個cookie

ie7和之後的版本最後可以有50個cookie。

firefox最多50個cookie

chrome和safari沒有做硬性限制

第二:cookie的最大大約為4096位元組,為了相容性,一般不能超過4095位元組

優點:極高的擴充套件性和可用性

通過良好的程式設計,控制儲存在cookie中的session物件的大小。

通過加密和安全傳輸技術(ssl),減少cookie被破解的可能性。

只在cookie中存放不敏感資料,即使被盜也不會有重大損失。

控制cookie的生命期,使之不會永遠有效。偷盜者很可能拿到乙個過期的cookie。

缺點:cookie數量和長度的限制。每個domain最多只能有20條cookie,每個cookie長度不能超過4kb,否則會被截掉。

安全性問題。如果cookie被人攔截了,那人就可以取得所有的session資訊。即使加密也與事無補,因為攔截者並不需要知道cookie的意義,他只要原樣**cookie就可以達到目的了。

有些狀態不可能儲存在客戶端。例如,為了防止重複提交表單,我們需要在伺服器端儲存乙個計數器。如果我們把這個計數器儲存在客戶端,那麼它起不到任何作用。

本地儲存乙個會話(session)中的資料,這些資料只有在同乙個會話中的頁面才能訪問並且當會話結束後資料也隨之銷毀。 因此sessionstorage不是一種持久化的本地儲存,僅僅是會話級別的儲存

用於持久化的本地儲存,除非主動刪除資料,否則資料是永遠不會過期的

cookie的大小是受限的,並且每次你請求乙個新的頁面的時候cookie都會被傳送過去,這樣無形中浪費了頻寬,另外cookie還需要指定作用域,不可以跨域呼叫 cookie需要前端開發者自己封裝setcookie,getcookie

link屬於html標籤,而@import是css提供的;

頁面被載入的時,link會同時被載入,而@import引用的css會等到頁面被載入完再載入;

import只在ie5以上才能識別,而link是html標籤,無相容問題;

link方式的樣式的權重 高於@import的權重.

box-sizing屬性主要用來控制元素的盒模型的解析模式。預設值是content-box

級格式化上下文,是css中的乙個渲染機制,bfc就相當於乙個盒子,內部的元素與外界的元素互不干擾。它不會影響外部的布局,外部的布局也不會影響到它.

要阻止margin重疊,只要將倆個元素別放在乙個bfc中即可

使得父元素包含子元素,常見的方式是為父元素設定overflow:hidden或者浮動父元素。根本原因在於建立bfc的元素,子浮動元素也會參與其高度計算,即不會產生高度塌陷問題

與浮動元素相鄰的已生成bfc的元素不能與浮動元素互相覆蓋。利用該特性可以作為多欄布局的一種實現方式. 特點在於左右倆欄的寬度固定,中間欄可以根據瀏覽器寬度自適應

undefined是乙個表示"無"的原始值,轉為數值時為nan

null是乙個表示"無"的物件,轉為數值時為0

document.write只能重繪整個頁面 innerhtml可以重繪頁面的一部分

原理使用

在 web 伺服器配置正確的 mime-type,即 text/cache-manifest

.parent

.child

.child

.parent

.child

.parent

absolute配合tranform

.parent

.child

.parent

.child

.parent

.child

.parent

.parent

.parent

前端小知識積累

1.常用隱藏編輯框的方法 方法1 nf cus this.blur 方法2 readonly 方法3 disabled 通過控制屬性 id attr 控制是否能編輯 特例 特殊編輯文字 如下拉列表 不可使用以上控制 不可逆的 處理方式 給標籤新增乙個容器,通過控制容器的hide和show實現 如 d...

前端常用演算法 積累

1.回文 function reversestrfn str let str11 reversestrfn hello 2.去掉陣列重複的值 function uniqfn arr let data for let i 0,len arr.length i len i return data let...

EF的常用知識積累

對於ef的操作,其經驗積累如下。ef中使用sql語句或儲存過程 1 無引數查詢 var model db.database.sqlquery select from userinfoes tolist 2 有參查詢 var model db.database.sqlquery select from...