1. 程式人生 > >2018年各大網際網路前端面試題五(今日頭條)

2018年各大網際網路前端面試題五(今日頭條)

基礎

  • 行標籤都有哪些?特點?
  • img標籤的用法
  • 請描述一下cookies,sessionStorage和localStorage的區別?
  • 一個div,高度是寬度的50%,讓該div的寬度佔據整個螢幕,然後能自適應,垂直居中,怎麼實現?
  • 針對移動瀏覽器端開發頁面,不期望使用者放大螢幕,且要求“視口(viewport)”寬度等於螢幕寬度,視口高度等於裝置高度,如何設定?

概念

  • Bom是什麼?列舉你知道的Bom物件。
  • 瞭解過hybrid通訊的實現原理麼
  • fetch和ajax的區別
  • data-xxx 屬性的作用是什麼?
  • 什麼是瀏覽器的標準模式和怪異模式
  • 解釋一下盒模型寬高值的計算方式,邊界塌陷,負值作用,box-sizing概念- 快取瞭解嗎?
  • XSS是什麼說一下?
  • CSRF瞭解嗎?
  • 如何理解跨域。
  • cookie是什麼,怎麼儲存。

框架

  • 用過NodeJS的EventEmitter模組嗎,它是怎麼實現功能的,步驟是什麼?
  • 說說Vue框架,對於物件引用的情況呢?
  • react怎樣提高效能。
  • react dom diff 原理是什麼 。
  • react生命週期。

程式碼

  • JS中prototype、proto、super分別是什麼?
  • 使用至少兩種方式實現純css的自適應搜尋
  • 倒計時怎麼做?
  • 實現一個響應式的正方形
  • 節流函式怎麼寫?
  • 手寫bind函式
  • 如何用CSS實現一個三角形
  • promise、setTimeout、async/await的執行順序。
  • arguments是陣列嗎?怎麼實現用它呼叫陣列方法?類陣列和陣列的區別是什麼?arguments有length屬性嗎? 為什麼要遍歷類陣列取值組成陣列,還有更簡單的方法嗎?

演算法

  • 給定一個數組arr,選出 n 個數的和等於m
  • 一個列表,假設有100000個數據,這個該怎麼辦?
  • 給一個多行多空格的字串,讓你分割成三行三列的陣列。
  • 隨意給定一個無序的、不重複的陣列data,任意抽取n個數,相加和為sum,也可能無解,請寫出該函式。

文末福利:

福利二:微信小程式入門與實戰全套詳細視訊教程。

【領取方法】

關注 【程式設計微刊】微信公眾號:

回覆【小程式demo】一鍵領取130個微信小程式原始碼demo資源。

回覆【領取資源】一鍵領取前端,Java,產品經理,微信小程式,Python等資源合集10G資源大放送。

90後前端妹子,愛程式設計,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。