字節、拼多多前端面經!

字節跳動

一面

1.說出如下代碼的原型關係,以及 Object 和 Function 的原型關係前端

Function;
function test() {
}
 
var obj = new test();
 
__proto__    prototype

2.合併兩個已排序的鏈表:遞歸解法、迭代解法 3.判斷數組類型有哪些方法 4.webpack 經常使用 loader、plugin 5.Promise 中拋出異常可否被 catch 捕獲?node

let promise = new Promise((resolve, reject) => {
  throw new Error()
  reject()
})
promise.catch(err => {
  console.log(err)
})

6.馮諾依曼體系講講 7.線程與進程的區別 8.操做系統爲何要設計用戶態和內核態?react

二面

1.講講模塊化規範 2.import 和 require 的區別 3.require 是如何解析路徑的? 4.模擬實現 new 操做符 5.算法:找出字符串中第一個不重複的字符 6.promise 考察webpack

/*
用 promise 實現如下功能。
具體: fn1和fn2都是異步函數,f一、fn2同時執行,而且fn一、fn2的結果是 fn3的參數。當fn1或者fn2發生錯誤時,fn3照常執行,此時的參數爲空。
*/
eg:
fn1 = async() => {
 
    // 發送請求
    const data = await sendRquest1();
    return data;
}
fn2 = async() => {
 
    // 發送請求
    const data = await sendRquest2();
    return data;
}

7.下面代碼的輸出,why?web

'use strict';
var b = 2;
if (true) {
    let a = 2;
    var b = 3;
    var c = 4;
    const d = 5;
}
 
console.log(a);
console.log(b);
console.log(c);
console.log(d);
var d = 6;

8.節流防抖,寫代碼 9.列舉獲取 DOM 元素的方式 10.react 生命週期,HOC面試

三面

1.node 中間件原理 2.寫一箇中間件,怎麼使用? 3.webpack 打包總體流程 4.兩道簡單的算法題:層次遍歷二叉樹、反轉鏈表 5.項目中 cookie + redis 實現自動登陸怎麼作的? 6.常見 web 安全問題,xss、csrf、sql 注入、數據庫加密、cookie 加密及防範措施 7.爲啥學前端? 8.之後有什麼打算? 9.有和別人協做的項目嗎?redis

拼多多

一面 電話面試

1.項目問題:IndexedDB 和 localStorage 使用的區別 2.圖片懶加載思路,監聽頁面滾動實現的,怎麼作優化?除了節流?除了監聽頁面滾動有沒有其餘方案? 3.前端監控是啥?讓你設計一個 SDK 給別人用(本身設計一個前端監控庫怎麼作?) 4.添加事件處理程序有哪些方案?區別? 5.給一個 DOM 添加多個 click 事件,不能用 addEventListener,只用 onClick 咋整? 6.發佈訂閱模式,嘴巴撕 7.聊天室用了 WebSocket,說一說 8.最後說第 5 個問題能夠用發佈訂閱的思路來實現算法

二面 微信視頻

1.自我介紹 balabalabala (說了看書和看視頻來學習前端) 2.日常看哪些書啊? 3.webpack 懂吧?說下用過的 loader 和 plugin 4.PWA 瞭解吧?說一下 4.node.js 用過是吧?說下中間件是啥? 5.ES6 用得多吧?說一下 ES6 6.說到了模塊化,require 與 import 的區別? 7.說到 require 會把加載過的模塊緩存在內存,說說這會致使些什麼問題(內存暴增啥的,比方說咱們暴露出一個對象,上萬個請求都往這個對象上添加屬性) 8.說說瀏覽器和 node.js 的事件循環機制 9.聊到設計模式,講講你知道哪些設計模式(舉《JavaScript 設計模式與開發實踐》中的例子,講了幾個感受差很少了就不講了) 10.項目用到 PM2,介紹下sql

推薦 :

申請即送:

  • BAT大廠面試題、獨家面試工具包,
  • 資料免費領取,包括 各種面試題以及答案整理,各大廠面試真題分享!
相關文章
相關標籤/搜索