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

IE（trident內核）；Firefox(gecko內核)；Safari(webkit內核)；Opera（以前是presto內核，現在已經改用Google Chrome的Blink內核）；Chrome(Blink內核，基于webkit，Google與Opera Software共同開發)。

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

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

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

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

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

4.cookie,sessionStorage,localStorage的區別？

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

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

5.css中link與@import的區別

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

?

?

轉載于:https://www.cnblogs.com/YMoonwind/p/8648769.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。