摘要
臨陣磨槍-安利一波個(gè)人總結(jié)前端面試題
持久戰(zhàn)-如何拓寬自己的視野
前端面試題
我通過(guò)大量的研究網(wǎng)上面試題，并對(duì)個(gè)人面試總結(jié)歸納了一套常見(jiàn)面試題目。
建議根據(jù)我的checkbox順序背題，比較有條理性，更容易記憶。
Javascript
- bind 模擬
- apply模擬 call
- 原型鏈
- 事件機(jī)制
- 函數(shù)防抖函數(shù)節(jié)流 throttle debounce
- 手寫promise
- 繼承模式https://github.com/mqyqingfeng/Blog/issues/16 原型鏈繼承 構(gòu)造函數(shù)繼承 組合繼承 原型繼承 寄生繼承 組合寄生繼承
- proxy
- 發(fā)布訂閱者模式
- mvc mvp mvvn
- 同源策略
css部分
- bfc
- css選擇器 id 類 偽類 標(biāo)簽 關(guān)系 屬性
- 動(dòng)畫關(guān)鍵幀 https://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html
- flex https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
- css權(quán)重 id選擇 》 類偽類 》 標(biāo)簽 無(wú)權(quán)重 關(guān)系 not （not（）中的選擇器會(huì)影響）
- 盒模型 https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
- box-sizing https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing
瀏覽器部分
- 跨域
- 瀏覽器緩存https://juejin.im/entry/5ad86c16f265da505a77dca4
- 瀏覽器并發(fā)數(shù)
- 瀏覽器渲染過(guò)程
- 回流和重繪 https://juejin.im/post/5a9923e9518825558251c96a
- 事件委托
- 事件模型 事件捕獲 目標(biāo) 事件冒泡 baseDOm -》 current target -》baseDOm
- 任務(wù)調(diào)度 https://juejin.im/post/5e154b01e51d4540f462fa3c
- 事件循環(huán)機(jī)制 宏任務(wù)，微任務(wù) https://juejin.im/post/5b498d245188251b193d4059
- script 的 async 和 defer https://segmentfault.com/a/1190000006778717 defer 加載 延遲 執(zhí)行 async 加載執(zhí)行都不阻塞渲染
- cookie local storage session storage
- http https
- http1 http1.1 http2
框架部分
- react
- redux
算法
- https://juejin.im/post/5c3d6bb4e51d45520d2fd5f5 買賣股票
- https://juejin.im/post/5bde7c926fb9a049f66b8b52 手寫實(shí)現(xiàn)
- 回文
- 二的n次方 n& n-1=0
- 進(jìn)制轉(zhuǎn)換 x & (y - 1) 取余的一意思 >> 右移動(dòng) 除號(hào)
其他高手總結(jié)
- https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers
- https://juejin.im/post/5d23e750f265da1b855c7bbe
視野寬度的構(gòu)建
養(yǎng)兵千日用兵一時(shí)
永遠(yuǎn)不要只看眼前的枸杞,忽視了長(zhǎng)久的鍛煉。
一個(gè)人的眼界不是一朝一夕之間就能建立起來(lái)的。
看書(shū)
個(gè)人建議從一下幾個(gè)方面去看書(shū)，對(duì)程序員個(gè)人發(fā)展影響十分重要。
首先要看與本職相關(guān)的書(shū)籍，因?yàn)檫@和你的飯碗相關(guān)聯(lián)。
看管理相關(guān)的，看管理的不是讓你去管理別人，管理自己的時(shí)間資源，管理學(xué)習(xí)方向等。。。
看和開(kāi)發(fā)工程化相關(guān)的，比如項(xiàng)目管理。從頭到尾系統(tǒng)化了解一個(gè)項(xiàng)目的運(yùn)作流程。從需求分析，到立項(xiàng)、人力分派、代碼管理、單元測(cè)試等。
產(chǎn)品方面，萬(wàn)物皆產(chǎn)品。好的產(chǎn)品一方面內(nèi)容為王，一方面運(yùn)營(yíng)推廣。你有沒(méi)有想過(guò)為什么你寫的模塊沒(méi)人用？可能根本就沒(méi)人知道，也可能就是很爛。從一個(gè)產(chǎn)品的角度去看待你做的事情，你會(huì)發(fā)現(xiàn)更加有條理性，
造輪子
造輪子和找輪子是分不開(kāi)的，造輪子分三步。
輪子放在什么車上：需求分析
車行里這樣的輪子有哪些：找輪子
真正的造輪子：從輪子中脫穎而出，解決其他輪子解決不了的問(wèn)題
能做到第一步和第二步基本就可以滿足日常所需的，但是人總要有夢(mèng)想不是。
但是實(shí)現(xiàn)夢(mèng)想的過(guò)程是一個(gè)循序漸進(jìn)的過(guò)程，react的開(kāi)發(fā)思維方式也非一朝一夕產(chǎn)出的，也是在之前某些知識(shí)上慢慢構(gòu)建的。
當(dāng)我們還沒(méi)有能力做原創(chuàng)的時(shí)候，我們要學(xué)會(huì)借鑒，不要覺(jué)得借鑒很low比，初學(xué)者就是在借鑒中成為大師，而大師負(fù)責(zé)改動(dòng)借鑒的思維，成為原創(chuàng)。
借鑒的過(guò)程自然而然就會(huì)學(xué)習(xí)到，比如當(dāng)我模仿公司組件庫(kù)開(kāi)發(fā)ui實(shí)現(xiàn)一套組件庫(kù)的時(shí)候，掌握了css命名規(guī)范，基于當(dāng)下的理念構(gòu)造出一套新的文檔的手腳架，這在面試過(guò)程中十分的加分。
堅(jiān)持
冰凍三尺，非一日之寒。
當(dāng)我在簡(jiǎn)歷上寫下我的github賬戶的時(shí)候，我萬(wàn)萬(wàn)沒(méi)想到，在面試的時(shí)候阿里的面試官會(huì)告訴我，看你的提交記錄覺(jué)得你說(shuō)的是真實(shí)的。萬(wàn)萬(wàn)沒(méi)想到當(dāng)時(shí)自認(rèn)為做的無(wú)用功，沒(méi)有一個(gè)start的項(xiàng)目，沒(méi)有watch的項(xiàng)目，在提交記錄上吃到了甜頭。
所以堅(jiān)持嘗試，堅(jiān)持產(chǎn)出，不要怕，就是干，奧力給。
