摘要：面試官比較著急了，跟我溝通的時(shí)候，我才知道返回值不一定非要跟原生的一樣。騰訊一面平常開發(fā)怎么設(shè)計(jì)組件的?？偨Y(jié)騰訊面試的感覺就是，沒有那么正式，都是部門的技術(shù)直接聯(lián)系的你，然后二面就是部門負(fù)責(zé)人了，決定了是否入職。

面試過去了這么久，把八月份面試題和總結(jié)發(fā)一下吧，雖然年底大家可能都不換工作~ 還是可以看看的。

關(guān)于面試，引用葉老濕的一句話。你的簡(jiǎn)歷是自己工作的答卷，項(xiàng)目經(jīng)歷是你給面試官出的考綱。所以，我的面試一定是與我的簡(jiǎn)歷、工作經(jīng)歷相關(guān)的，一些面試題并不一定適用于任何人，但是你可以從中了解他們考察的點(diǎn)，以及側(cè)重點(diǎn)?；A(chǔ)知識(shí)可以查漏補(bǔ)缺。

原文鏈接

一家小型創(chuàng)業(yè)公司。因?yàn)橥掠腥ッ孢^的，他說面試感覺挺 diao 的，我就想去試一下啦，拿它先熱熱身，就從boss上投了簡(jiǎn)歷。

用 setTimeout 實(shí)現(xiàn) setInterval，可不必關(guān)心返回值的類型。

我聽錯(cuò)了條件，我以為要注意返回值的類型必須跟原生的一樣，也就是返回一個(gè) number，并可以 clear。無清除定時(shí)器功能的馬上就寫出來了，但是加清除定時(shí)器，還有返回值的問題，就費(fèi)了半天勁... 也沒弄明白。面試官比較著急了，跟我溝通的時(shí)候，我才知道返回值不一定非要跟原生的一樣。

給了一個(gè)栗子，結(jié)合 pdf.js 的示例代碼，找出這個(gè)栗子中為什么分辨率很低。主要是看你通過調(diào)試去解決問題的能力。

然后就各種結(jié)合項(xiàng)目各種問唄，如何解決問題的，如何團(tuán)隊(duì)協(xié)作溝通的。

還給了我一個(gè)題，讓我回去用 React 實(shí)現(xiàn)一個(gè)群組的 CheckBox，其實(shí)最后看就是 treeselect 的雛形啊。我的實(shí)現(xiàn)

自我介紹

最近做的一個(gè)項(xiàng)目，其中的難點(diǎn)，過程。

最近做沒做過技術(shù)調(diào)研，我撿我了解的說，比如redux和mobx的區(qū)別。

做技術(shù)分享的時(shí)候會(huì)關(guān)注哪幾個(gè)點(diǎn)，
答： 它的實(shí)現(xiàn)原理，簡(jiǎn)單的一張圖。一個(gè)簡(jiǎn)單的demo引入，并看一些實(shí)現(xiàn)。充分表現(xiàn)它的優(yōu)勢(shì)，然后跟現(xiàn)有的技術(shù)棧是否能結(jié)合，快速上手。有什么缺陷。

在第一家公司有沒有記憶深刻的項(xiàng)目，經(jīng)歷。項(xiàng)目的話就是最開始的時(shí)候，讓我自己寫一個(gè)頁面的時(shí)候，在一周之內(nèi)搞完。。有一個(gè)特效是在輪播圖上加放大鏡，用swiper和自己寫的放大鏡。當(dāng)時(shí)各種努力工作終于把這個(gè)功能做完，但是忽略了兼容性的問題。在ie8,9 是無法滾動(dòng)的。然后立馬切換到另一個(gè)slide.js，替換上之后放大鏡失效了。當(dāng)時(shí)好像是插件內(nèi)部阻止了冒泡行為，我那個(gè)放大鏡取不到事件了。 因?yàn)橐呀?jīng)到deadline了，通過我們的leader跟運(yùn)營人員溝通，先不要這個(gè)功能了。就上了。后來查的時(shí)候，swiper2的兼容性比較好，ie8.

個(gè)人的缺點(diǎn) 。技術(shù)上就是還是比較low， 然后就是個(gè)人的毅力感覺一般，但是最近健身感覺自己很不錯(cuò)。

怎么算是分布式的應(yīng)用呢，屬于自己挖坑。

問了我好多不是技術(shù)“點(diǎn)”的問題，都是大的面，細(xì)節(jié)很少。記不清了。

就是 hr 和 ceo 了，就是問一些離職原因，跟公司價(jià)值觀方面的問題了。

無論是一面的 pdf，讓我實(shí)現(xiàn)一個(gè)功能，還是二面的問題，都是偏重于項(xiàng)目實(shí)戰(zhàn)的。他們想要的是入職就能干活的人，先能負(fù)責(zé)某塊開發(fā)任務(wù)。并且在獨(dú)立解決問題，團(tuán)隊(duì)分享方面有所表現(xiàn)。

平常開發(fā)怎么設(shè)計(jì) react 組件的。比如 container 組件，業(yè)務(wù)組件等等的。

手寫一個(gè)觀察者，發(fā)布訂閱模式。

什么是函數(shù)式，跟面向?qū)ο笥惺裁磪^(qū)別，因?yàn)槲液?jiǎn)歷寫了正在學(xué)習(xí) fp。

科里化，寫一個(gè)

cache-control，http-only

url輸入到服務(wù)器中間發(fā)生

redux源碼

vue跟angular像不像

vue跟react的模板渲染分別是怎么做的

實(shí)現(xiàn)垂直水平居中

react 組件的結(jié)構(gòu)，其實(shí)是問組件實(shí)例對(duì)象的結(jié)構(gòu)，問題沒理解。我說在 children 里就能看到。他問是嗎，是什么樣的，你平常應(yīng)該用過 children 啊，應(yīng)該知道啊。我推測(cè) children 是數(shù)組，因?yàn)橛?children.map 方法。他又問一定是嗎。

這個(gè)問題上來就暴露了我對(duì)這些細(xì)節(jié)是沒有關(guān)注的，而他期望的是，你用 React，連它的實(shí)例都沒看過，children 可能是一個(gè)，可能是多個(gè)也不清楚。

那我再問一個(gè)特別簡(jiǎn)單的問題，組件之間的通信，比如父到子，子到父。再說一個(gè)兄弟組件怎么通信，嵌套了好多層呢？

嵌套多層的他直接說有好幾種方法，你隨便說幾種吧。我從來木有總結(jié)過，整個(gè)人有點(diǎn)懵逼，也沒有回答好。后來整理了一下 React組件之間的通信

再問一個(gè)稍微有難度的，組件的 state 嵌套多層的時(shí)候，我要讓最里面那個(gè) state 變化，怎么做。我開始沒理解這是啥意思，他解釋說 state 是 { a: { b: { c: { d: 1 } } } 這樣，你 setState 的時(shí)候，怎么改屬性 d 的。我說一層一層的找進(jìn)去，setState 新對(duì)象。他又說那幾層是可以的，假如說一百層呢，也這樣嗎？我就懵逼了。

他說 react helper里面有個(gè) immutable 的庫，就是用來處理這種情況的。

immutable 我是知道的，但是我了解的是通常處理不可變數(shù)據(jù)的。后來查了一下，應(yīng)該是這種操作。

import { formJS } from "immutable";
const obj1 = { a: { b: { c: { d: 1 } } } }
const obj2 = Immutable.fromJS(obj1).updateIn(["a", "b", "c", "d"], value => value + 1)
console.log(obj2.toJS); //{ a: { b: { c: { d: 2 } } } }

你簡(jiǎn)歷上說你看過 redux 的源碼，簡(jiǎn)單說一下吧。
終于認(rèn)可了我一次，說這個(gè)確實(shí)看過，能說出來。我有點(diǎn)尷尬了。

你說你讀過 《深入淺出 nodejs》，那你在項(xiàng)目中用過 node 嗎。

移動(dòng)端做過嗎，適配問題。750px 的設(shè)計(jì)稿，你怎么做適配，給幾種方案。

rem的原理是什么。這個(gè)答的也不好

然后就是讓我問了一些問題，還跟我說你工作才一兩年，你要的這個(gè)薪資肯定給不到，騰訊卡工作年限很嚴(yán)格，評(píng)級(jí)方面。最后就是現(xiàn)在不會(huì)直接給你面試結(jié)果，他們會(huì)橫向比較幾個(gè)候選人。

騰訊面試的感覺就是，沒有那么正式，都是部門的技術(shù)直接聯(lián)系的你，然后二面就是部門負(fù)責(zé)人了，決定了是否入職。二面給我的感覺就是，他從 React 入手問一些基礎(chǔ)的問題（一些需要留心注意的）。如果沒有注意這些點(diǎn)，沒有總結(jié)，或者看過類似的總結(jié)文章，是很難有條理的回答出來的。其實(shí)我不太喜歡他這種，“我覺得很簡(jiǎn)單... 你就應(yīng)該會(huì)的” 的方式。但是這次我發(fā)現(xiàn)了自己的一個(gè)問題，就是面試的時(shí)候愛說一些了解的名詞，但是實(shí)際沒用過，恰好這個(gè)面試官都比較深入了解，也比較反感，他認(rèn)為你這是 “不懂裝懂”。所以面大公司，不會(huì)的還是盡量要說不會(huì)，不要犯了面小公司的錯(cuò)誤。自己也確實(shí)沒有做到注意總結(jié)，了解也確實(shí)比較淺顯，為自己以后的工作學(xué)習(xí)敲響警鐘。

由于一面是電話面試，主要問了好多項(xiàng)目的問題，如何解決問題的。

比如問其中一個(gè)項(xiàng)目，查詢多字段對(duì)應(yīng)處理的問題，sql語句怎么拼的，你的自定義配置是怎么回事。

session 和 cookie 的區(qū)別

使用 redux 和 mobx 的區(qū)別

什么是 bfc

node了解多少，用過嗎

算法怎么樣

好多問題，有點(diǎn)忘了，就是各種知識(shí)點(diǎn)... 其實(shí)百分之八九十能答出來，他也覺得不錯(cuò)，讓我后面好好準(zhǔn)備，架構(gòu)方面，原理方面。

面對(duì)面

介紹一下你的工作歷程（經(jīng)驗(yàn)）

我們找一個(gè)產(chǎn)品或者項(xiàng)目具體聊聊，讓我自己說。

介紹一下項(xiàng)目，技術(shù)棧，我是不會(huì)問的。

你用過 vue, react。你覺得他們有什么區(qū)別。

說一下你是怎么用的 redux

我自己提到了通常放在 container，他問了一個(gè) connect 怎么做到注入 state 的。我就說 connect 是一個(gè)高階組件，注入進(jìn)來的 store，通過 state 維護(hù)？他又問那是怎么實(shí)時(shí) render 的？我說 connect 里面應(yīng)該有 監(jiān)聽 store 的 changes 吧。最后就說沒看過 react-redux 的源碼，只看過 redux 的源碼。

看了我的一篇博客，問了一個(gè) this.children 是實(shí)例還是 class

react router 的 hash ，history api 有什么區(qū)別，我說了一些表層的區(qū)別，url 的不同，實(shí)現(xiàn)的原理不同。他繼續(xù)問還有什么內(nèi)部的不同嗎，我就說不了解了。

mobile 端有接觸嗎，我說做的不多，主要還是 pc 端吧，我說你可以提問。問了一個(gè)viewport的，如果 width=device-width，iphone6 上頁面寬是多少，plus 是多少。如果 viewport 里設(shè)為 width=375，plus上會(huì)縮小還是放大。

讓我自己去聊項(xiàng)目，去考察我的組織、表達(dá)能力，以及溝通能力。而且這也最大程度上能了解到，關(guān)于這個(gè)項(xiàng)目，你自己思考了多少，主導(dǎo)程度。然后考察主要使用的技術(shù)棧，了解的深度如何。然后就是他們業(yè)務(wù)常用的點(diǎn)。剛面完，自己感覺其實(shí)還可以，因?yàn)槎寄芑卮鸪鰜?，但是可能深度還不夠吧。天貓的要求還是比較高的，而且面試官是從杭州過來專門面試的，也有很多候選人同時(shí)面試，只能說明自己在這里面還不夠出色，不能脫穎而出。

簡(jiǎn)單介紹一下自己

上來就是一個(gè)數(shù)組的構(gòu)造函數(shù)上提供了什么方法，然后我就一頓說，副作用的，增刪改的，map的

indexOf和findIndex的區(qū)別，我說沒用過 findIndex

寫了一道題，是關(guān)于作用域的題。

function fun(n, o) {
  console.log(o);
  return {
    fun: function(m) {
      return fun(m, n);
    }
  }
}
fun(0).fun(1).fun(2);
let fn = fun(0).fun(1).fun;
fn(2);
fn(3);

這種題好好看看一般能答出來。

react 中的某個(gè)組件嵌套很深，怎么傳遞 props，很不錯(cuò)，之前整理過。

redux 和 mobx 的區(qū)別。我就從實(shí)現(xiàn)的原理，使用方式，結(jié)合 react 等方面闡述了一下。

你剛提到了 observer，這覺得它們是怎么實(shí)現(xiàn)的。redux（listerners），mobx（get，set） 的方式都說了一下。

observer 是什么模式。

還了解其他的設(shè)計(jì)模式嗎。我他媽一激動(dòng)把面向?qū)ο笳f出來了，這當(dāng)然不是設(shè)計(jì)模式了，是編程思維。

js 模擬一個(gè)并發(fā)

實(shí)現(xiàn)兩個(gè) setTimeOut之后再做什么。1.原生實(shí)現(xiàn)一個(gè)串行的隊(duì)列。2. 用 promise 去封裝一下，然后用 promise.all/generator/async.

算法，問我快速排序，說一下它的原理，我說忘了。

問 es6 主要用那些新語法，我說了幾個(gè)，箭頭函數(shù)，解構(gòu)賦值，const 聲明等等... 他說最常用的不應(yīng)該是 class 嗎...

es5 實(shí)現(xiàn)一個(gè)繼承，我差點(diǎn)給他寫四五個(gè)。剛學(xué) js 的時(shí)候整理過 link

es6 怎么判斷一個(gè)數(shù)組？ isArray 啊。 [].isArray ? 我說 Array.isArray()，類上的靜態(tài)方法。

css 清除浮動(dòng)用什么，我說就兩種，一個(gè)是 css 樹形 clear，一個(gè)觸發(fā) bfc。

css3 動(dòng)畫有什么，怎么用。就是考察 transition，translate，animation 啥的。

less 中的 & 代表什么意思。這個(gè)倒沒關(guān)注打包后的代碼，想了一下應(yīng)該是上級(jí)作用域的選擇器...

自動(dòng)化工具用什么，我說打包的話就用 webpack，其中又有各種配置，預(yù)處理，編譯啥的。配置文件自己寫過嗎，我說寫過。

搭建過 react 項(xiàng)目的架子嗎，當(dāng)然。

最后一個(gè)問題是，
function fun() {} 的原型指向哪里 ？
Function.prototype。

順了一下我的履歷，問這次為什么打算跳槽，再上家公司時(shí)間也不長，期待一個(gè)什么樣的工作。我說希望有一個(gè)技術(shù)都比我牛逼的團(tuán)隊(duì)。

假如說團(tuán)隊(duì)里的大部分人技術(shù)都不如你，怎么辦。我說那也挺好，我可以發(fā)揮我的長處，做一個(gè)技術(shù) leader 的角色。又問那如果公司不給你一個(gè) leader 的級(jí)別呢... 我就說那也挺好的，你可以成為一個(gè)重要的角色，不可或缺的人。

如果你作為一個(gè) leader，你需要什么樣的下屬。 我說一個(gè)不可或缺的人，一兩個(gè)技術(shù)比較好的。其他不需要那么技術(shù)好，只要能勝任工作就行了。

你覺得你是容易相處的人嗎

看你是信息與計(jì)算科學(xué)的，算法應(yīng)該不錯(cuò)，手寫一下快速排序吧。?我說忘了，我可以寫一個(gè)冒泡或者插入，然后就寫了一個(gè)冒泡。

怎么判斷一個(gè)對(duì)象是 object，還是 array。用 Object.prototype.toString.call() 吧。

寫一個(gè)節(jié)流的函數(shù)，我之前剛好看了，寫了這么一個(gè)東西。

 
  const throttle = wait => fn => {
  var timer;
  return (...args) => {
    if (!timer) {
      timer = setTimeout(() => timer = null, wait);
      return fn(...args);
    }
  }
}

他說，怎么沒有清定時(shí)器。我說節(jié)流函數(shù)分兩種的吧，舉個(gè)例子，我這個(gè)是按鈕點(diǎn)擊后，500ms 后的點(diǎn)擊才會(huì)執(zhí)行。還有一種是兩個(gè)點(diǎn)擊間隔 500ms 之內(nèi)，只執(zhí)行一次，防止連續(xù)快速點(diǎn)擊。后面的沒寫，大概是這樣

const throttle = wait => fn => {
  var timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn(...args);
    }, wait)
  }
}

什么是科里化，怎么實(shí)現(xiàn)一個(gè) curry。curry 利用了什么特性，他說是其實(shí)就是閉包

設(shè)計(jì)模式了解嗎？說一下觀察者，我說我簡(jiǎn)單寫一個(gè)實(shí)現(xiàn)吧。就寫了一下。

react 的生命周期介紹一下

現(xiàn)在的薪資

你有什么問題

我問了一個(gè)很扯的問題，我能給團(tuán)隊(duì)來帶什么？面試官說，不能說帶來什么吧。一些本來就存在的問題，很難說加入一個(gè)人就帶來質(zhì)的改變什么的。最主要的還是能夠獨(dú)當(dāng)一面吧，能夠負(fù)責(zé)一個(gè)模塊。

前兩面的感覺如何。

有沒有什么遺憾的地方？就是前兩面沒大好的地方。

15年畢業(yè)，你的第一家公司是 xxx，在那主要收獲了什么？

我提到了不斷自驅(qū)，學(xué)習(xí)。

最近解決的一個(gè)棘手的問題，前端拼 sql

react 的生命周期

現(xiàn)在的薪資，期望薪資

你有什么問題，問了一下面試官的職位，聊團(tuán)隊(duì)，以及我加入的項(xiàng)目要做的東西。

最后，玩游戲嗎，不玩。打籃球嗎，不打。在健身

來滴滴面試的時(shí)候，很自信，所以自我感覺良好。一面是特別注重基礎(chǔ)，各個(gè)知識(shí)點(diǎn)的問答，想起什么來問什么?？茨銓?duì)基礎(chǔ)的掌握情況吧。二面我感覺更多的在看你的情商如何了，當(dāng)然我的情商不是很高，面試官最后也說了，如果我更 open 一些，會(huì)更好。說我的簡(jiǎn)歷上也能看出自己嘗試了很多東西，可以去突破一下。當(dāng)然也問了一些技術(shù)的問題。三面是團(tuán)隊(duì)的前端負(fù)責(zé)人，從價(jià)值觀，個(gè)人的成長規(guī)劃，解決問題的能力去考察，也了解了一下期望薪資。最后的問題就是看有沒有共同的愛好吧...

相對(duì) tmall，tx 來說，didi 考察基礎(chǔ)，但是又沒那么深入，主要是對(duì)應(yīng)聘者的級(jí)別要求不一樣吧。tmall 的社招不僅是看你干活能力，更多的是你會(huì)不會(huì)去 push 一些東西，其實(shí)就是找亮點(diǎn)，你一定要有積極性，比如說推動(dòng)某個(gè)技術(shù)在項(xiàng)目的應(yīng)用，落地。做出一些好的工具，做一些深入的研究，對(duì)業(yè)務(wù)帶來了積極影響。

各種項(xiàng)目各種問，問的特別細(xì)，每一個(gè)地方的實(shí)現(xiàn)，問你的思考 ?，以及怎么做規(guī)劃排期，怎么去處理 bug 等等。

這塊就平常自己項(xiàng)目中，做的足夠細(xì)致就行了，有時(shí)候你提到一個(gè)點(diǎn)，他都會(huì)對(duì)這個(gè)點(diǎn)進(jìn)行深挖，看你對(duì)項(xiàng)目的細(xì)節(jié)是否足夠了解，另外還有項(xiàng)目整體上的了解。

mobx redux 的區(qū)別，從簡(jiǎn)歷上挖掘出的點(diǎn)，去看你是否總結(jié)。

mobx 我做過簡(jiǎn)單的總結(jié)。

自己做過的前端優(yōu)化。經(jīng)典的面試題，回答的點(diǎn)還是很多的，從 web 來說，從[瀏覽器] 發(fā)起一個(gè) [請(qǐng)求]，服務(wù)器[返回]，[頁面渲染]，[css渲染]，都有的說，我也有簡(jiǎn)單的總結(jié)

react 和 vue 有什么區(qū)別啊，特別注重考察個(gè)人的總結(jié)；

對(duì)前端安全的認(rèn)識(shí)

劫持遇到過嗎，主要有什么。我說了一個(gè) dns 劫持。

webpack都是怎么用的

webpack.dll ？ context這個(gè)參數(shù)是干嘛的，我忘了...

react的性能優(yōu)化有沒有了解過啊，你都是怎么做優(yōu)化的。
說實(shí)話，react 的優(yōu)化我很少做 - -，通常 react 的 diff-dom 帶來的便利很少關(guān)注它的性能問題。不過面試我當(dāng)然不會(huì)說這個(gè)，就說了幾個(gè)點(diǎn)，shouldUpdate，pureComponent，immutable 等等的。不過他似乎不是很滿意，繼續(xù)問我有沒有更深入的，全面的優(yōu)化。我就說局限于此了。

問我 angular 用的怎么樣，我說項(xiàng)目中沒用過。

最后聊了一些他們?nèi)粘５墓ぷ鳎饕呛笈_(tái)管理，運(yùn)營去推送閱讀等。項(xiàng)目目前是 angular 做的，后期會(huì)像 React 轉(zhuǎn)。

自己覺得能回答上來個(gè) 70% 左右，他最終告訴我，今天的表現(xiàn)能打個(gè)七八分吧（滿分十分）。然后他就去跟他的 leader 溝通了，回來也沒直接拒絕我，就給了我一些建議，要對(duì)項(xiàng)目整體的把控多一些，項(xiàng)目的思考，橫向多去了解，跟你配合的同學(xué)（rd ?）做了哪些工作，還說不過也不著急，畢竟你還年輕。黑人問號(hào)臉。

自己的確沒有去帶整個(gè)項(xiàng)目的經(jīng)歷，更多的是個(gè)人負(fù)責(zé)一個(gè)模塊，雖然對(duì)其他人的工作也有了解，技術(shù)上的架構(gòu)也略知一二，不過還是平常的思維有局限性吧，對(duì)整體的思考太少，不過我覺得這雖然是今后發(fā)展的方向，但是目前還是專精某些點(diǎn)，縱向多做一些深入工作吧。

從html，css開始

了解盒模型嗎，現(xiàn)在給定一個(gè) width：200px的盒子，他的width，padding，border，margin都是怎樣的

html的標(biāo)簽分哪幾種，列舉一些

img是哪種？ 我回答行內(nèi)。

然后他就問一個(gè)img和一個(gè)span，里面一段文字，怎么排列。我說上下，img不是行內(nèi)嗎，怎么會(huì)上下。。

如果實(shí)現(xiàn)文字環(huán)繞排列 img，應(yīng)該怎么做。圖片 float

這個(gè)圖片不定寬高，怎么實(shí)現(xiàn)在盒子內(nèi)垂直水平居中。

flex 2. transform: translate(-50%, -50%) 3. display:table-cell

說一下float這個(gè)屬性

你提到了bfc，有兩個(gè)盒子，margin重疊的問題，怎么解決

有一個(gè)input，怎么統(tǒng)計(jì)他的輸入 0/50，除了事件還能怎么統(tǒng)計(jì)

css3了解嗎，主要用什么，animation，transition，translate，transform 這四個(gè)是干嘛的

實(shí)現(xiàn)一個(gè)進(jìn)度條加載，從0 到100

"use strict" 是怎么解析的

setTimeout，setInterval。它的參數(shù)，如果在setInterval里5ms不斷調(diào)用，會(huì)有什么問題嗎

setImmediate 和Process.nextTick 的區(qū)別

寫一個(gè)檢測(cè)數(shù)據(jù)類型的方法。直接寫了個(gè) Object 的 toString

js 里面的數(shù)據(jù)類型，把布爾忘了- -

什么是柯理化啊

jquery 用過嗎，

https 了解嗎

https 一定安全嗎，然后怎么解決呢。實(shí)現(xiàn)一個(gè)站點(diǎn)從 http 到 https 的遷移

localstorage 的跨域問題，最大存儲(chǔ)是多少，超出了會(huì)怎么辦

跟 cookie 的區(qū)別

sessionStorage 的區(qū)別

http的狀態(tài)碼，200，500，301，302，304

一個(gè)url從瀏覽器輸入到解析經(jīng)歷了什么

你提到了三次握手，四次揮手是干嘛的

忘了...

各種優(yōu)化

之前做的項(xiàng)目大概介紹一下，技術(shù)棧等等

各種項(xiàng)目里的問題

有沒有什么優(yōu)化的經(jīng)驗(yàn)，方案。不局限于打包。

webpack 打包的優(yōu)化

最近項(xiàng)目解決的一個(gè)技術(shù)難點(diǎn)

最近在學(xué)什么，對(duì)什么感興趣

最近做的最成功的一次分享是什么

是不是熱衷于團(tuán)建。

現(xiàn)在已有 getData(id, callback) 方法，根據(jù) id 發(fā)一個(gè)請(qǐng)求，并把 data 傳給 callback。你寫一個(gè)getDataCache的方法，實(shí)現(xiàn)相同的id，只發(fā)一次請(qǐng)求，即數(shù)據(jù)可以被緩存起來。

說一下http緩存，其實(shí)就那幾種。

你們用的哪種，我說 304 多一些，為什么不用 200，效率方面 200 更高一些啊。我說的確，我們也是通過 hash 給文件打版本號(hào)，結(jié)合 maxage，讓瀏覽器判斷要不要重新請(qǐng)求的。

怎么學(xué)習(xí)前端知識(shí)啊

最近在看什么書

除了寫blog，還有什么其他的，工作之外做的

還有幾個(gè)忘了

三面是一個(gè)技術(shù)總監(jiān)，感覺人挺不錯(cuò)的。

看你之前都是一年一跳槽，是什么考慮呢

為什么要從事前端呢

看你學(xué)的是數(shù)學(xué)，為什么最后學(xué)前端。為什么上大學(xué)的時(shí)候沒好好學(xué)

對(duì)美團(tuán)怎么看

問你一個(gè)算法題

規(guī)律是這樣的：

A B C D ... Z AA AB AC ... AZ BA BB ... CA ... ZA ... ZZ AAA AAB ...
對(duì)應(yīng)：
1 2 3 4 ... 26 27  

做一個(gè)程序，讓輸入一個(gè)數(shù)字，輸出具體的值。比如輸入 27，輸出 AA。這個(gè)問題我也描述不太清，其實(shí)就是一個(gè)類似進(jìn)制轉(zhuǎn)化的問題。

"192.168.0.1"把它轉(zhuǎn)化成位數(shù)。進(jìn)制的偏移問題

你覺得自己有什么缺點(diǎn)

你覺得你之前做的一件最酷的事情是什么

你有什么想問的。大概了解了一下美團(tuán)超市是干嘛的，介紹的時(shí)候還問，想不想做我們的這個(gè)商超，感興趣嗎。當(dāng)然說感興趣

第一面特別細(xì)，之前很少問到的 html，css，還有 jQuery，都問了。這些地方還是多少能記著一些的，能回答個(gè)差不多。并沒有問你項(xiàng)目中使用的框架，可能關(guān)注的點(diǎn)不同，他們更關(guān)注基礎(chǔ)吧。二面其實(shí)就關(guān)注性能優(yōu)化比較多了，還問了很多學(xué)習(xí)，分享方面的，估計(jì)是想看你是不是熱愛學(xué)習(xí)啊，學(xué)習(xí)方法，喜歡分享的話能給團(tuán)隊(duì)帶來新鮮度，大部分團(tuán)隊(duì)都是有每周的分享的。他問的問題我都是比較喜歡的，開放性的話題更多一些，你能更好的展現(xiàn)自己。三面問了一些基礎(chǔ)的計(jì)算機(jī)問題，這些是我不擅長的，不過大概說了一下思路，并用 js 去實(shí)現(xiàn)。還有很多就是面試常問的問題啦，面試前一定要考慮，做準(zhǔn)備。比如說做過最酷的一件事，無論是什么事，只要你自己覺得酷就行了，個(gè)性面試官?？偨Y(jié)下來就是，對(duì)這個(gè)部門的面試感覺，覺得不錯(cuò)，進(jìn)去做的工作是移動(dòng)端，這也是我之前很少做的，也不用什么 react。這個(gè)部門是一個(gè)新成立的，團(tuán)隊(duì)也是從 0 開始，這種團(tuán)隊(duì)也有好處也有壞處，好處是大家都是新人，項(xiàng)目也是全新的，適合你發(fā)揮。不好處就是太新了，加班是肯定的，壓力也會(huì)大一些，你長時(shí)間都會(huì)處于業(yè)務(wù)中。

硬廣。我們團(tuán)隊(duì)在招高級(jí)前端開發(fā)，大部門是平臺(tái)技術(shù)部下的平臺(tái)前端，我們負(fù)責(zé)的方向是?？焖境诉\(yùn)營等大型管理系統(tǒng)，會(huì)用 React 是硬性條件，期待有 node 開發(fā)經(jīng)驗(yàn)，基礎(chǔ)好，愛學(xué)習(xí)是基本，要有積極主動(dòng)的推動(dòng)能力。另外，不喜歡做 pc，不用 react 的，或者有其他喜歡的部門，也可以推薦。先發(fā)郵件帶簡(jiǎn)歷聯(lián)系我吧。

郵箱：sunyongjian0108@gmail.com