一些前端面试题(一)
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
總結
以上是生活随笔為你收集整理的一些前端面试题(一)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: post发送 ArrayBuffer
- 下一篇: 一些汇编中的 trick