1.px证膨、em與rem的區(qū)別
px代表是像素萨西,是絕對(duì)單位有鹿,不會(huì)因?yàn)閯e的因素而改變大小。
em代表的是相對(duì)于父元素的字體大小原杂,沒有固定大小印颤,根據(jù)其父元素的尺寸來定的相對(duì)值。
rem是css3新增的一個(gè)相對(duì)單位穿肄,相對(duì)根元素HTML年局,只要修改根元素就可以成比例的調(diào)整所有字體大小际看。? ?且IE8以前版本不兼容。
2.為什么要使用初始化樣式
因?yàn)槊總€(gè)瀏覽器的兼容性不一樣矢否,每個(gè)瀏覽器都有各自的特點(diǎn)仲闽,會(huì)影響頁(yè)面的實(shí)現(xiàn),初始化樣式就是為了解決這個(gè)問題僵朗。
3.什么是懶加載
懶加載就是延遲加載
4.為什么要使用懶加載
頁(yè)面內(nèi)容豐富赖欣,頁(yè)面長(zhǎng),圖片多验庙,如果一次性加載完畢要等很長(zhǎng)時(shí)間顶吮,所以才會(huì)用懶加載
5.懶加載的原理
就是先把頁(yè)面中的圖片統(tǒng)一使用一張圖片占位,把真正圖片路徑存在元素的‘data-url’(自定義屬性)屬性里粪薛,用時(shí)取出悴了,設(shè)置替換src路徑。
6.懶加載的優(yōu)點(diǎn)
頁(yè)面加載的速度變快违寿,減輕服務(wù)器的壓力湃交,提高用戶體驗(yàn)。
7.減低頁(yè)面加載時(shí)間的方法
(1)可以減少頁(yè)面中HTTP請(qǐng)求數(shù)量
(2)壓縮合并js藤巢,css代碼
(3)使用圖片懶加載
(4)圖片格式選擇
8.工作中常用的瀏覽器搞莺,這些瀏覽器內(nèi)核是什么
(1)Chrome(谷歌瀏覽器)? ? ? ?webkit? ? ? ? -webkit-
(2)Safari(蘋果瀏覽器)? ? ? ? ? ?webkit? ? ? ?-webkit-
(3)Firefox (火狐瀏覽器)? ? ? ? gecko? ? ? ? ?-moz-
(4)IE(IE瀏覽器)? ? ? ? ? ? ? ? ? ? trident? ? ? ? ?-ms-
(5)Opera(歐朋瀏覽器)? ? ? ? ? presto? ? ? ? ?-o-
9.=,==掂咒,===的區(qū)別
=為賦值才沧,將后者賦值與前者
==是在比較前后的值是否相等,相等為true俏扩,反之為false
===是比較前后的值與類型糜工,需要類型與值同時(shí)相同弊添,則為true录淡,反之為false
10.事件冒泡
是當(dāng)事件觸發(fā)后,其事件像水皰一樣油坝,從最里的元素開始向外冒泡嫉戚,就是從實(shí)際元素到不實(shí)際元素
11.promise的介紹
promise是es6中的函數(shù),是一種異步編程的解決方案澈圈,簡(jiǎn)單說就是通過promise對(duì)象的不同狀態(tài)調(diào)用不同的回調(diào)函數(shù)
12.本地存儲(chǔ)
(1)cookie數(shù)據(jù)會(huì)自動(dòng)在web瀏覽器和web服務(wù)器之間傳輸彬檀,也就是說http請(qǐng)求發(fā)送時(shí),會(huì)把保存在該請(qǐng)求域名下的所有cookie的值發(fā)送給web服務(wù)器瞬女,因此服務(wù)器端腳本是可以讀窍帝,寫存儲(chǔ)在客戶端的cookie的操作
(2)localstorage解決了cookie存儲(chǔ)空間的不足的問題,cookie的存儲(chǔ)空間為4k诽偷,localstorage中一般瀏覽器支持的是5M大小坤学,且如不手動(dòng)刪除疯坤,則永久性存儲(chǔ)
(3)sessionstorage是當(dāng)當(dāng)前會(huì)話結(jié)束后,其鍵值對(duì)就會(huì)被清空深浮,一般瀏覽器支持的是5M大小压怠。