基礎

• 行標簽都有哪些？特點？
• 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，也可能無解，請寫出該函數。

原文作者：祈澈姑娘
技術博客：https://www.jianshu.com/u/05f416aefbe1

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

文末福利：關注「編程微刊」公眾號 ，在微信后臺回復「領取資源」，獲取IT資源200G干貨大全。公眾號回復“1”，拉你進程序員技術討論群

轉載于:https://www.cnblogs.com/wangting888/p/9701607.html

總結

以上是生活随笔為你收集整理的2018年各大互联网前端面试题五（今日头条）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。