大家好，我是若川，祝大家中秋節(jié)快樂。最近組織了源碼共讀活動《1個(gè)月，200+人，一起讀了4周源碼》，已經(jīng)有超50+人提交了筆記，群里已經(jīng)有超1200人，感興趣的可以點(diǎn)此鏈接掃碼加我微信?ruochuan12?參與。

本文經(jīng)作者@lxcan 授權(quán)轉(zhuǎn)載，未經(jīng)授權(quán)請勿直接轉(zhuǎn)載。
原文標(biāo)題：《三年經(jīng)驗(yàn)前端社招——有贊》
原文鏈接：https://zhuanlan.zhihu.com/p/405798802
文末點(diǎn)擊閱讀原文直達(dá)

前言

本人畢業(yè)學(xué)校是雙非二本，非計(jì)算機(jī)科班出身，大學(xué)時(shí)自學(xué)的前端相關(guān)技能。截止2021年8月，有3年前端開發(fā)經(jīng)驗(yàn)，技術(shù)棧為 vue 全家桶，求職意向城市是深圳。想著找一個(gè)更大的平臺尋求發(fā)展（技術(shù)沉淀、漲薪），所以出來接受社會的毒打了。。。

本文的目的是記錄自己的面試經(jīng)歷，各位路過的兄dei也可以參考一下，也讓自己有個(gè)回顧和反思。路漫漫其修遠(yuǎn)兮，吾將上下而求索

下面的題目，都會標(biāo)明每一題的性質(zhì)，部分題目也會給出一些參考思路和參考回答，希望各位大佬不吝賜教~

• 描述：對概念、過程的描述，純理論性問答題為主

• 舉例：說出應(yīng)用場景，或者是自己團(tuán)隊(duì)實(shí)踐的情況

• 偽代碼：寫代碼，但不需要跑起來，甚至可以隨便寫偽代碼，主要目的是描述思路

• 編程：真正的寫代碼，需要跑起來，有測試用例，要看到效果

HR面的話，是一些日常、項(xiàng)目回顧（少說技術(shù)細(xì)節(jié)）、職業(yè)規(guī)劃、你的優(yōu)勢和缺點(diǎn)、為什么跑路、為什么選擇這邊、目前薪資和職級、期望薪資，HR面基本離不開這些問題。

一面

1、實(shí)際開發(fā)中用過什么設(shè)計(jì)模式【描述】

• 發(fā)布-訂閱模式，實(shí)現(xiàn) EventEmit 跨組件通信

• 觀察者模式，實(shí)現(xiàn) history 路由變化監(jiān)聽 單例模式 2、ES6 都有哪些新增的特性【舉例】

3、ES6 對象新增了哪些特性【舉例】

• 簡潔表示法

• 屬性表達(dá)式

• Object.is()

• Object.assign()

• Object.entries()

4、Set 和 Map 在實(shí)際業(yè)務(wù)中有哪些應(yīng)用【舉例】 Set 常用于數(shù)組去重，當(dāng)某個(gè)對象的key為非字符串類型時(shí)會使用 Map

5、箭頭函數(shù)和普通函數(shù)的區(qū)別？【描述】

• 箭頭函數(shù)沒有 prototype(原型)，所以箭頭函數(shù)本身沒有 this

• 箭頭函數(shù)的 this 在定義的時(shí)候繼承自外層第一個(gè)普通函數(shù)的 this

• 如果箭頭函數(shù)外層沒有普通函數(shù)，嚴(yán)格模式和非嚴(yán)格模式下它的 this 都會指向 window(全局對象)

• 箭頭函數(shù)本身的 this 指向不能改變，但可以修改它要繼承的對象的 this

• 箭頭函數(shù)的 this 指向全局，使用 arguments 會報(bào)未聲明的錯誤

• 箭頭函數(shù)的 this 指向普通函數(shù)時(shí)，它的 argumens 繼承于該普通函數(shù)

• 使用 new 調(diào)用箭頭函數(shù)會報(bào)錯，因?yàn)榧^函數(shù)沒有 constructor

• 箭頭函數(shù)不支持 new.target

• 箭頭函數(shù)不支持重命名函數(shù)參數(shù)，普通函數(shù)的函數(shù)參數(shù)支持重命名

• 箭頭函數(shù)相對于普通函數(shù)語法更簡潔優(yōu)雅

6、為什么構(gòu)造函數(shù)一般用普通函數(shù)而不用箭頭函數(shù)來定義【描述】 使用 new 調(diào)用箭頭函數(shù)會報(bào)錯，因?yàn)榧^函數(shù)沒有 constructor 箭頭函數(shù)也沒有 prototype

7、call apply 可以改變箭頭函數(shù)的指向嗎【描述】 不能。箭頭函數(shù)不會改變 this 的指向。this始終指向沿著作用域往上找的第一個(gè) function ，看這個(gè) function 最終是怎樣調(diào)用的

8、ES6 中 class 的原理【描述】

• （1）Class 在語法上更加貼合面向?qū)ο蟮膶懛?/p>

• （2）Class 實(shí)現(xiàn)繼承更加易讀、易理解

• （3）更易于寫 Java 等后端語言的使用

• （4）本質(zhì)還是語法糖，使用 prototype 來實(shí)現(xiàn)

9、講一下原型【描述】

10、哪些是原始類型數(shù)據(jù)，哪些是引用類型數(shù)據(jù)，兩者不同點(diǎn)【描述】

11、判斷數(shù)據(jù)類型有哪些方法？【舉例】

12、為什么 typeof 判斷數(shù)據(jù)類型不精確【描述】

13、說下 instanceof 原理【描述】

14、for in、Object.keys、Object.getOwnPropertyNames 不同點(diǎn)【描述】

• for in 主要用于遍歷對象的可枚舉屬性，包括自有屬性、繼承自原型的屬性

• Object.keys 返回一個(gè)數(shù)組，元素均為對象自有的可枚舉屬性

• Object.getOwnPropertyNames 用于返回對象的自有屬性，包括可枚舉和不可枚舉的 15、css position 都有哪些屬性值【描述】 static, relative, absolute, fixed, sticky 注意：sticky 粘性定位要理解到位

16、什么是跨域？什么是同源策略【描述】

17、有什么辦法解決跨域【描述】

18、講一下 https 的請求過程【描述】

19、講講3次握手和4次揮手的具體過程，syn ack seq 是什么含義【描述】

20、為什么需要3次握手和4次揮手，3次揮手不行嗎【描述】

21、你有什么想問的嗎【描述】

最后

有贊是一個(gè)商家服務(wù)公司，致力于成為商家服務(wù)領(lǐng)域里最被信任的引領(lǐng)者。有贊在深圳的業(yè)務(wù)主要是有贊美業(yè)，一面技術(shù)面是線上視頻面，js相關(guān)的問題感覺答的還行，主要是后面網(wǎng)絡(luò)那塊幾個(gè)問題沒答好，八股文還不夠熟練，一面之后沒后續(xù)了，不管怎樣，菜是原罪，繼續(xù)加油吧~

往期回顧：

• 三年經(jīng)驗(yàn)前端社招——眾安保險(xiǎn)

• 三年經(jīng)驗(yàn)前端社招——Shopee

• 三年經(jīng)驗(yàn)前端社招——騰訊微保

• 三年經(jīng)驗(yàn)前端社招——樸樸科技

• 三年經(jīng)驗(yàn)前端社招——豐巢科技

天生我材必有用，千金散盡還復(fù)來

---

最近組建了一個(gè)江西人的前端交流群，如果你是江西人可以加我微信?ruochuan12?私信 江西?拉你進(jìn)群。

---

推薦閱讀

1個(gè)月，200+人，一起讀了4周源碼
我讀源碼的經(jīng)歷

老姚淺談：怎么學(xué)JavaScript？

我在阿里招前端，該怎么幫你（可進(jìn)面試群）

·················?若川簡介?·················

你好，我是若川，畢業(yè)于江西高校。現(xiàn)在是一名前端開發(fā)“工程師”。寫有《學(xué)習(xí)源碼整體架構(gòu)系列
從2014年起，每年都會寫一篇年度總結(jié)，已經(jīng)寫了7篇，點(diǎn)擊查看年度總結(jié)。
同時(shí)，活躍在知乎@若川，掘金@若川。致力于分享前端開發(fā)經(jīng)驗(yàn)，愿景：幫助5年內(nèi)前端人走向前列。

識別上方二維碼加我微信、拉你進(jìn)源碼共讀群

今日話題

略。歡迎分享、收藏、點(diǎn)贊、在看我的公眾號文章~

總結(jié)

以上是生活随笔為你收集整理的三年经验前端社招——有赞的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。