Web前端易混淆的一些知識

2021-09-02 17:37:02 字數 968 閱讀 9650

相同點:

都用於瀏覽器端儲存的快取資料;

不同點:

儲存內容是否傳送到伺服器端

當設定了cookie後,資料會傳送到伺服器端,

造成一定的寬頻浪費;***storage則會將資料儲存

到本地,不會造成寬頻浪費;

資料儲存大小不同

cookie資料不能超過4k,適用於會話標識;

***storage資料儲存可以達到5m;

資料儲存的有效期限不同

cookie只在設定了cookid過期時間

之前一直有效,即使關閉視窗或者瀏覽器;

sessionstorage,僅在關閉瀏覽器之前有效;

localstorage,資料儲存永久有效;

作用域不同

cookie和localstorage是在同源同視窗中

都是共享的;

sessionstorage不在不同的瀏覽器視窗

中共享,即使是同乙個頁面;

px和em都是長度單位;

區別是:

px的值是固定的,指定是多少就是多少,

計算比較容易。

em得值不是固定的,並且em會繼承父級元素的字型大小。

瀏覽器的預設字型高都是16px;

所以未經調整的瀏覽器都符合: 1em=16px;

那麼12px=0.75em, 10px=0.625em

偽陣列(類陣列):

無法直接呼叫陣列方法,

length屬性有什麼特殊的行為,

但仍可以對真正陣列遍歷方法來遍歷它們。

典型的是函式的argument引數,還有像調

getelementsbytagname,

document.childnodes之類的,

它們都返回nodelist物件, 這些都屬於偽陣列。

可以使用array.prototype.slice.call(farray)將陣列

轉化為真正的array物件。

前端 易混淆的一些css屬性

html平時常見的塊元素有 div,p,h1,h2,h3等,address 位址 blockquote 塊引用 center 舉中對齊塊 dir 目錄列表 div 常用塊級 dl 定義列表 fieldset form控制組 form 互動表單 h 標題標籤 hr 水平分隔線 isindex inpu...

前端一些易錯題總結

const 可以先宣告後賦值麼?const a 答 不可以,會報錯uncaught syntaxerror missing initializer in const declaration let 可以先使用後宣告麼?console.log a let a 12 答 不可以,uncaught ref...

web前端一些總結

一 文字框設定為圓角後獲得焦點又變為方角的解決方法 css outline none 二 html5的一些文字特性 required required aria required true autofocus autofocus required required aria required tru...