2017前端工程師面試題彙總

 

 

HTMLhtml

 
  • 如何實現瀏覽器內多個標籤頁之間的通訊? (阿里)前端

  • webSocket如何兼容低瀏覽器?(阿里)html5

  • 頁面可見性(Page Visibility)API 能夠有哪些用途?android

  • 如何在頁面上實現一個圓形的可點擊區域?web

  • 實現不使用 border 畫出1px高的線,在不一樣瀏覽器的Quirksmode和CSSCompat模式下都能保持同一效果。算法

  • 網頁驗證碼是幹嗎的,是爲了解決什麼安全問題?瀏覽器

  • tite與h1的區別、b與strong的區別、i與em的區別?安全

  • Doctype做用?嚴格模式與混雜模式如何區分?它們有何意義?cookie

  • HTML5 爲何只須要寫 <!DOCTYPE HTML>?session

  • 行內元素有哪些?塊級元素有哪些? 空(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

相關文章
相關標籤/搜索