1.你做過的頁面在那些瀏覽器測試過？它們的內(nèi)核分別是什么？

IE（trident內(nèi)核）；Firefox(gecko內(nèi)核)；Safari(webkit內(nèi)核)；Opera（以前是presto內(nèi)核，現(xiàn)在已經(jīng)改用Google Chrome的Blink內(nèi)核）；Chrome(Blink內(nèi)核，基于webkit，Google與Opera Software共同開發(fā))。

2.每個(gè)HTML文件開頭都有一個(gè)Doctype,有什么作用？

告訴瀏覽器按照何種規(guī)范解析頁面。

3.你所知道的圖片格式有哪些？

png-8;png-24;jpeg;gif;svg;

最好再說上WebP,它是谷歌開發(fā)的一種旨在加快圖片加載速度的格式。圖片壓縮體積大約只有JPEG的2/3,并且能節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。在質(zhì)量相同的情況下，Web格式圖像的體積要比JPEG格式圖像小40%。

4.cookie,sessionStorage,localStorage的區(qū)別？

sessionStorage用于本地存儲一個(gè)會話中的數(shù)據(jù)，這些會話只有在同一個(gè)會話中的頁面才可以訪問，會話結(jié)束即銷毀。因此它不是一種持久化的本地存儲，僅僅是會話級別。

localStorage是一種持久化的本地存儲。除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)劊銷毀。Web storage與cookie的區(qū)別是，前者自帶一些方法setItem，getItem，removeItem，clear等方法，不需要像cookie一樣還要封裝自己的方法。同時(shí)cookie大小受限制，每當(dāng)頁面有請求的時(shí)候cookie都會被發(fā)送過去，無形中浪費(fèi)了帶寬。同時(shí)cookie要指定作用域，不可以跨域使用。

5.css中l(wèi)ink與@import的區(qū)別

link屬于html標(biāo)簽，@import是css提供的。@import只支持es5以上，link不存在兼容性。頁面加載的時(shí)候，link會被同時(shí)加載。@import引用的css會在頁面加載完成后才加載。link引用樣式的權(quán)重大于@import。

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/YMoonwind/p/8648769.html

總結(jié)

以上是生活随笔為你收集整理的一些前端面试题（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。