刷前端面經筆記(七)

1.描述一下漸進加強和優雅降級

優雅降級(graceful degradation):一開始就構建站點的完整功能,而後針對瀏覽器測試和修復。 漸進加強(progressive enhancement):一開始只構建站點的最少特性,而後不斷針對各瀏覽器追加功能。html

2.爲何利用多個域名來請求網絡資源會更有效?

動靜分離請求,使用不一樣的服務器處理請求,提升效率; 突破瀏覽器的併發限制,同一時間針對同一域名下的請求有必定的數量限制。 節約主域名的鏈接數,從而提升客戶端網絡帶寬的利用率,優化頁面響應。web

3.HTML5有哪些新特性、移除了哪些元素?

1)繪畫標籤canvas; 2)用於媒介回放的videoaudio元素; 3)本地離線存儲localStorage長期存儲數據,瀏覽器關閉後數據不丟失; 4)sessionStorage的數據在瀏覽器關閉後自動刪除; 5)語義化更好的內容元素,好比articlefooterheadernavsection; 6)表單控件,calendardatatimeemailurlsearch; 7)webworkerwebsocketGeolocation; 移除的元素: 1)純表現的元素:basefontbigcenterfontsstrikett 2)對可用性產生負面影響的元素:frameframesetnoframescanvas

4.display:none;與visibility:hidden;的區別?

相同點:它們都能讓元素不可見‘ 不一樣點: display:none;會讓元素徹底從渲染樹中消失,渲染的時候不佔據任何空間; visibility:hidden;不會讓元素從渲染樹消失,渲染元素繼續佔據空間,只是內容不可見; display:none;是非繼承屬性,子孫節點的消失因爲元素從渲染樹消失形成,經過修改子孫節點屬性沒法顯示; visibility:hodden;是繼承屬性,子孫節點的消失因爲繼承了hidden,經過設置visibility:visible;可讓子孫節點顯示; 修改常規流中元素的display一般會形成文檔重排。修改visibility屬性只會形成本元素的重繪; 讀屏器不會讀取display:none;元素內容;會讀取visibility:hidden;元素內容;瀏覽器

5.CSS去掉inline-block元素間隙的幾種方法?

間隙是怎麼來的:間隙是由換行或者回車致使的;只要把標籤寫成一行或者標籤沒有空格,就不會出現間隙; 去除方法: 方法一: 元素間的間隙出現的緣由,是元素標籤之間的空格,把空格去掉間隙就會消失服務器

<div class="itlike">
  <span>lhh</span><span>lhh</span>
</div>
複製代碼

方法二: 利用HTML註釋標籤websocket

<div class="demo">
    <span>lhh</span><!-- --><span>lhh</span>
</div>
複製代碼

方法三: 取消標籤閉合網絡

<div class="demo">
    <span>lhh
    <span>lhh
    <span>lhh
    <span>lhh
</div>
複製代碼

方法四: 在父容器上使用font-size:0;能夠消除間隙session

<div class="demo">
    <span>lhh</span>
    <span>lhh</span>
    <span>lhh</span>
    <span>lhh</span>
</div>
.demo {font-size: 0;}
複製代碼
6.input標籤的type種類

buttoncheckboxfilehiddenimagepasswordradioresetsubmittext併發

歡迎關注
相關文章
相關標籤/搜索