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，也可能無解，請寫出該函數。

文末福利：

福利一：前端，Java，產品經理，微信小程序，Python等10G資源合集大放送：https://www.jianshu.com/p/e8197d4d9880

福利二：微信小程序入門與實戰全套詳細視頻教程。

【領取方法】

關注 【編程微刊】微信公眾號：

回復【小程序demo】一鍵領取130個微信小程序源碼demo資源。

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

原文作者：祈澈姑娘

90後前端妹子，愛編程，愛運營，愛折騰。

推薦閱讀：