2017前端工程師面試題彙總

時間 2019-12-08

標籤前端工程師面試彙總欄目快樂工作简体版

原文原文鏈接

HTMLhtml

如何實現瀏覽器內多個標籤頁之間的通訊? (阿里)
webSocket如何兼容低瀏覽器？(阿里)
頁面可見性（Page Visibility）API 能夠有哪些用途？
如何在頁面上實現一個圓形的可點擊區域？
實現不使用 border 畫出1px高的線，在不一樣瀏覽器的Quirksmode和CSSCompat模式下都能保持同一效果。
網頁驗證碼是幹嗎的，是爲了解決什麼安全問題？
tite與h1的區別、b與strong的區別、i與em的區別？
Doctype做用？嚴格模式與混雜模式如何區分？它們有何意義?
HTML5 爲何只須要寫 <!DOCTYPE HTML>？
行內元素有哪些？塊級元素有哪些？空(void)元素有那些？
請描述一下 cookies，sessionStorage 和 localStorage 的區別？
iframe有那些缺點
Label的做用是什麼？是怎麼用的？（加 for 或包裹）
HTML5的form如何關閉自動完成功能？
頁面導入樣式時，使用link和@import有什麼區別？
介紹一下你對瀏覽器內核的理解？
常見的瀏覽器內核有哪些？
html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
簡述一下你對HTML語義化的理解？
HTML5的離線儲存怎麼使用，工做原理能不能解釋一下？
瀏覽器是怎麼對HTML5的離線儲存資源進行管理和加載的呢？

CSS前端

CSS裏的visibility屬性有個collapse屬性值是幹嗎用的？在不一樣瀏覽器下之後什麼區別？
position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣？
介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不一樣的？
CSS選擇符有哪些？哪些屬性能夠繼承？
CSS優先級算法如何計算？
CSS3新增僞類有那些？
如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
display有哪些值？說明他們的做用。
position的值relative和absolute定位原點是？
CSS3有哪些新特性？
請解釋一下CSS3的Flexbox（彈性盒佈局模型）,以及適用場景？
li與li之間有看不見的空白間隔是什麼緣由引發的？有什麼解決辦法？
常常遇到的瀏覽器的兼容性有哪些？緣由，解決方法是什麼，經常使用hack的技巧？
爲何要初始化CSS樣式。
absolute的containing block計算方式跟正常流有什麼不一樣？
用純CSS建立一個三角形的原理是什麼？
一個滿屏品字佈局如何設計?
常見兼容性問題？
設置元素浮動後，該元素的display值是多少？（自動變成display:block）
怎麼讓Chrome支持小於12px 的文字？
讓頁面裏的字體變清晰，變細用CSS怎麼作？（-webkit-font-smoothing: antialiased;）
font-style屬性可讓它賦值爲「oblique」 oblique是什麼意思？
position:fixed;在android下無效怎麼處理？
若是須要手動寫動畫，你認爲最小時間間隔是多久，爲何？（阿里）
display:inline-block 何時會顯示間隙？(攜程)
overflow: scroll時不能平滑滾動的問題怎麼處理？
有一個高度自適應的div，裏面有兩個div，一個高度100px，但願另外一個填滿剩下的高度。
png、jpg、gif 這些圖片格式解釋一下，分別何時用。有沒有了解過webp？
什麼是Cookie 隔離？（或者說：請求資源的時候不要讓它帶cookie怎麼作）
style標籤寫在body後與body前有什麼區別？
對BFC規範(塊級格式化上下文：block formatting context)的理解？
CSS權重優先級是如何計算的？
請解釋一下爲何會出現浮動和何時須要清除浮動？清除浮動的方式
移動端的佈局用過媒體查詢嗎？
使用 CSS 預處理器嗎？喜歡那個？
CSS優化、提升性能的方法有哪些？
瀏覽器是怎樣解析CSS選擇器的？
在網頁中的應該使用奇數仍是偶數的字體？爲何呢？

更多web前端課程免費試學，加羣434623999

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。