1坎弯、web storage和cookie的區(qū)別桂肌?
Web Storage的概念和cookie相似狰闪,區(qū)別是它是為了更大容量存儲設計的。Cookie的大小是受限的,并且每次你請求一個新的頁面的時候Cookie都會被發(fā)送過去健爬,這樣無形中浪費了帶寬控乾,另外cookie還需要指定作用域,不可以跨域調用娜遵。
除此之外蜕衡,Web Storage擁有setItem,getItem,removeItem,clear等方法,不像cookie需要前端開發(fā)者自己封裝setCookie设拟,getCookie慨仿。
但是Cookie也是不可以或缺的:Cookie的作用是與服務器進行交互,作為HTTP規(guī)范的一部分而存在 纳胧,而Web Storage僅僅是為了在本地“存儲”數據而生镰吆。
瀏覽器的支持除了IE7及以下不支持外,其他標準瀏覽器都完全支持(ie及FF需在web服務器里運行)跑慕,值得一提的是IE總是辦好事万皿,例如IE7、IE6中的UserData其實就是javascript本地存儲的解決方案核行。通過簡單的代碼封裝可以統(tǒng)一到所有的瀏覽器都支持web storage牢硅。
localStorage和sessionStorage都具有相同的操作方法,例如setItem钮科、getItem和removeItem等
2唤衫、display:none和visibility:hidden的區(qū)別婆赠?
display:none 隱藏對應的元素绵脯,在文檔布局中不再給它分配空間,它各邊的元素會合攏休里,就當他從來不存在蛆挫。
visibility:hidden 隱藏對應的元素,但是在文檔布局中仍保留原來的空間妙黍。
3悴侵、CSS中 link 和@import 的區(qū)別是?
(1) link屬于HTML標簽拭嫁,而@import是CSS提供的;
(2) 頁面被加載的時可免,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載;
(3) import只在IE5以上才能識別做粤,而link是HTML標簽浇借,無兼容問題;
(4) link方式的樣式的權重 高于@import的權重.
4、position的absolute與fixed共同點與不同點 怕品?
A:共同點:
1.改變行內元素的呈現方式妇垢,display被置為block;
2.讓元素脫離普通流,不占據空間闯估;
3.默認會覆蓋到非定位元素上
B不同點:
absolute的”根元素“是可以設置的灼舍,而fixed的”根元素“固定為瀏覽器窗口。
當你滾動網頁涨薪,fixed元素與瀏覽器窗口之間的距離是不變的骑素。
5、介紹一下CSS的盒子模型尤辱?
1)盒模型: 內容(content)砂豌、填充(padding)、邊界(margin)光督、 邊框(border)
2)有兩種阳距, IE 盒子模型、標準 W3C 盒子模型结借;IE的content部分包含了 border 和 padding;