疫情之下,前端面試劃重點(diǎn)

受疫情影響,大家的日子都不好過(guò),沒(méi)有什么可以幫到大家的,就寫(xiě)了這篇前端面試總結(jié),希望能幫到你

簡(jiǎn)歷

首先,關(guān)于簡(jiǎn)歷還是蠻重要的,沒(méi)有錯(cuò)別字、語(yǔ)句通順是最基本的要求

然后最關(guān)鍵的一點(diǎn),就是不光要寫(xiě)做了什么,還要寫(xiě)上可量化的效果,比如“提升了效率”,可以改成“效率提升了50%”,要寫(xiě)阿拉伯?dāng)?shù)字,不要寫(xiě)百分之五十,這樣不直觀
可以參考阮一峰老師的一篇文章,寫(xiě)的非常好 https://mp.weixin.qq.com/s/Gk19erLsvUskRFublKS8JA

簡(jiǎn)歷模板的話,我一個(gè)朋友寫(xiě)了一個(gè)前端簡(jiǎn)歷生成器,大家可以免費(fèi)使用 https://github.com/jeoy/its-me

面試

對(duì)于有經(jīng)驗(yàn)的前端開(kāi)發(fā)來(lái)說(shuō),技術(shù)面試主要從兩個(gè)角度來(lái)考察,基礎(chǔ)知識(shí)+框架原理(項(xiàng)目經(jīng)驗(yàn))

基礎(chǔ)知識(shí)

javascript

  1. 閉包 (幾乎必考)
  2. 原型鏈 (幾乎必考)
  3. this指向
  4. Promise (基礎(chǔ)的會(huì)問(wèn)使用,高級(jí)的會(huì)讓手寫(xiě)Promise,或者實(shí)現(xiàn)Promise的某個(gè)api,像Promise.all等)
  5. 事件循環(huán) (幾乎必考)
  6. 跨域 (跨域的方法,往深了會(huì)問(wèn)為什么jsonp、iframe可以實(shí)現(xiàn)跨域)
  7. xss攻擊、xsrf攻擊(場(chǎng)景、怎么防范)
  8. cookie、session
  9. 重排、重繪
  10. 深拷貝
  11. 防抖、節(jié)流
  12. ES6的一些新特性使用

css

  1. position的值 (經(jīng)典中的經(jīng)典了,relative和absolute都相對(duì)誰(shuí)定位,這種就是屬于權(quán)重不高,但是必須得會(huì)的)
  2. 垂直居中的方式有幾種 (這個(gè)大概說(shuō)幾種,同屬于權(quán)重不高,但是必須得會(huì)的)
  3. animation和transition的區(qū)別 (現(xiàn)在估計(jì)很少問(wèn)了,但是得會(huì))
  4. BFC (有點(diǎn)難度,必考)
  5. 幾種css單位

算法
算法的話,我覺(jué)得還是刷刷leetcode比較好,我之前遇到過(guò)一個(gè)棧結(jié)構(gòu)的題,得虧刷leetcode的時(shí)候遇到過(guò)

  1. 冒泡排序、選擇排序 (感覺(jué)現(xiàn)在考的不多,但是還是掌握了比較好)
  2. 樹(shù) (遍歷二叉樹(shù)呀,找二叉樹(shù)的最大深度呀,,,感覺(jué)現(xiàn)在考查樹(shù)的算法題比較多,還能考察到一個(gè)能力就是遞歸)

計(jì)算機(jī)網(wǎng)絡(luò)

  1. 哪幾層網(wǎng)絡(luò)協(xié)議
  2. http和https的區(qū)別
  3. 狀態(tài)碼 (總會(huì)考幾個(gè)的)

基礎(chǔ)差不多就上邊這些,由于面試時(shí)間限制并不會(huì)全考,但是這些算是必會(huì)的吧

框架原理

框架原理部分的考試重點(diǎn),主要根據(jù)你的簡(jiǎn)歷所體現(xiàn)出的技術(shù)棧

react

  1. vitrual dom
  2. diff原理 (往深了會(huì)問(wèn) fiber)
  3. hooks使用 (建議看一遍官方文檔)
  4. mvvm
  5. 生命周期
  6. shouldComponentUpdate (react性能優(yōu)化相關(guān))
  7. setState是同步還是異步
  8. 受控組件、非受控組件 (參考官方文檔,很全面)
  9. React context (使用場(chǎng)景)
  10. 接口請(qǐng)求為什么放到 componentDidMount 周期里
  11. react常見(jiàn)性能優(yōu)化方式
  12. react合成事件及事件代理

webpack
基本不會(huì)考如何配置,都是考某個(gè)插件的原理,如下:

  1. webpack-hot-middleware 原理 (EventSource)
  2. webpack-dev-server 原理

node

  1. 事件循環(huán)機(jī)制 (如果簡(jiǎn)歷里寫(xiě)了node,必考)
  2. GC機(jī)制

結(jié)尾

現(xiàn)在大概能想到這么多,時(shí)間有限答案就沒(méi)整理,如果大家呼聲高的話,我后續(xù)更新答案,想看答案就點(diǎn)贊一下,哈哈哈~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容