三年經驗前端社招——有贊

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

本文經作者@lxcan 授權轉載,未經授權請勿直接轉載。
原文標題:《三年經驗前端社招——有贊》
原文鏈接:https://zhuanlan.zhihu.com/p/405798802
文末點擊閱讀原文直達

前言

本人畢業學校是雙非二本,非計算機科班出身,大學時自學的前端相關技能。截止2021年8月,有3年前端開發經驗,技術棧為 vue 全家桶,求職意向城市是深圳。想著找一個更大的平臺尋求發展(技術沉淀、漲薪),所以出來接受社會的毒打了。。。

本文的目的是記錄自己的面試經歷,各位路過的兄dei也可以參考一下,也讓自己有個回顧和反思。路漫漫其修遠兮,吾將上下而求索

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

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

  • 舉例:說出應用場景,或者是自己團隊實踐的情況

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

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

HR面的話,是一些日常、項目回顧(少說技術細節)、職業規劃、你的優勢和缺點、為什么跑路、為什么選擇這邊、目前薪資和職級、期望薪資,HR面基本離不開這些問題。

一面

1、實際開發中用過什么設計模式【描述】

  • 發布-訂閱模式,實現 EventEmit 跨組件通信

  • 觀察者模式,實現 history 路由變化監聽 單例模式 2、ES6 都有哪些新增的特性【舉例】

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

  • 簡潔表示法

  • 屬性表達式

  • Object.is()

  • Object.assign()

  • Object.entries()

4、Set 和 Map 在實際業務中有哪些應用【舉例】 Set 常用于數組去重,當某個對象的key為非字符串類型時會使用 Map

5、箭頭函數和普通函數的區別?【描述】

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

  • 箭頭函數的 this 在定義的時候繼承自外層第一個普通函數的 this

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

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

  • 箭頭函數的 this 指向全局,使用 arguments 會報未聲明的錯誤

  • 箭頭函數的 this 指向普通函數時,它的 argumens 繼承于該普通函數

  • 使用 new 調用箭頭函數會報錯,因為箭頭函數沒有 constructor

  • 箭頭函數不支持 new.target

  • 箭頭函數不支持重命名函數參數,普通函數的函數參數支持重命名

  • 箭頭函數相對于普通函數語法更簡潔優雅

6、為什么構造函數一般用普通函數而不用箭頭函數來定義【描述】 使用 new 調用箭頭函數會報錯,因為箭頭函數沒有 constructor 箭頭函數也沒有 prototype

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

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

  • (1)Class 在語法上更加貼合面向對象的寫法

  • (2)Class 實現繼承更加易讀、易理解

  • (3)更易于寫 Java 等后端語言的使用

  • (4)本質還是語法糖,使用 prototype 來實現

9、講一下原型【描述】

10、哪些是原始類型數據,哪些是引用類型數據,兩者不同點【描述】

11、判斷數據類型有哪些方法?【舉例】

12、為什么 typeof 判斷數據類型不精確【描述】

13、說下 instanceof 原理【描述】

14、for in、Object.keys、Object.getOwnPropertyNames 不同點【描述】

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

  • Object.keys 返回一個數組,元素均為對象自有的可枚舉屬性

  • 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、你有什么想問的嗎【描述】

最后

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

往期回顧:

  • 三年經驗前端社招——眾安保險

  • 三年經驗前端社招——Shopee

  • 三年經驗前端社招——騰訊微保

  • 三年經驗前端社招——樸樸科技

  • 三年經驗前端社招——豐巢科技

天生我材必有用,千金散盡還復來


最近組建了一個江西人的前端交流群,如果你是江西人可以加我微信?ruochuan12?私信 江西?拉你進群。


推薦閱讀

1個月,200+人,一起讀了4周源碼
我讀源碼的經歷

老姚淺談:怎么學JavaScript?

我在阿里招前端,該怎么幫你(可進面試群)

be1f2f8458630c5acd5e7799be72453f.gif

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

你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列
從2014年起,每年都會寫一篇年度總結,已經寫了7篇,點擊查看年度總結。
同時,活躍在知乎@若川,掘金@若川。致力于分享前端開發經驗,愿景:幫助5年內前端人走向前列。

92cf2a8e6289d0c7691c085fcb16e186.png

識別方二維碼加我微信、拉你進源碼共讀

今日話題

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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275420.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275420.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275420.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html的 button點擊事件無效,InfoWindow里面加button,監聽button點擊事件無效 求解啊...

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓點擊infoWindw中的button按鈕,無效果;覆蓋默認的dom結構html,body,#container {width: 100%;height: 100%;margin: 0px;}p.my-desc {margin: 5px 0;line-height: 150%;}//創建地圖var map new AMap.Map(con…

4月第1周業務風控關注 |國家廣播電視總局發布《未成年人節目管理規定》

易盾業務風控周報每周呈報值得關注的安全技術和事件,包括但不限于內容安全、移動安全、業務安全和網絡安全,幫助企業提高警惕,規避這些似小實大、影響業務健康發展的安全風險。 1、國家廣播電視總局發布《未成年人節目管理規定》 國家廣播電視…

Ubuntu 11.04 x64 下安裝Python

在網上搜了下,找到了如下安裝順序: Install python2.7 wget http://www.python.org/ftp/python/2.7/Python-2.7.tar.bz2 tar xjf Python-2.7.tar.bz2 cd Python-2.7/ ./configure make sudo make altinstall Install setuptools cd .. wget http://pyp…

數據挖掘 點擊更多 界面_8(更多)技巧,可快速改善用戶界面

數據挖掘 點擊更多 界面重點 (Top highlight)Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way. Making those constant tweaks to produce something that your clients, users, and yourself are truly happy with. I k…

Node.js+Express+MongoDB 實現學生增刪改查

前言 選用Node.js,Express,MongoDB來實現一個學生信息的增刪改查。 Express框架搭建服務器art-template模板實現頁面MongoDB數據庫Mongoose操作數據庫安裝 npm install express mongoosenpm install art-template express-art-templatenpm install body-…

html5波浪線條,HTML5 svg炫酷波浪線條動畫插件

這是一款HTML5 svg炫酷波浪線條動畫插件。該波浪動畫插件基于tweenMax和SVG,也可以作為jQuery插件來使用,可以制作出漂亮的波浪線條動畫特效。使用方法在頁面中引入jquery和TweenMax.min.js文件,以及wavify.js和jquery.wavify.js文件。HTML結…

三年經驗前端社招——騰訊微保

大家好,我是若川。祝大家中秋節快樂。最近組織了源碼共讀活動《1個月,200人,一起讀了4周源碼》,已經有超50人提交了筆記,群里已經有超1200人,感興趣的可以點此鏈接掃碼加我微信 ruochuan12 參與。本文經作者…

Matlab數理統計工具箱應用簡介

1. 概述 Matlab 的數理統計工具箱是 Matlab 工具箱中較為簡單的一個,其牽扯的數學知識是大家都很熟悉的數理統計,因此在本文中,我們將不再對數理統計的知識進行重復,僅僅列出數理統計工具箱的一些函數,這些…

matlab繪制路線圖_繪制國際水域路線圖

matlab繪制路線圖Two years ago, Shopify was only available in English. Few people in Germany or Japan had heard about us. We had only just formed the international growth team to make Shopify available to people in their native tongue.兩年前,Shop…

2021年江蘇高考各科成績查詢,江蘇2021年高考總分及各科分數

江蘇2021年高考總分及各科分數2021-04-16 08:46:02文/董月江蘇高考將實施“33”模式,即語數外三門必考,然后在物理、化學、生物、歷史、政治、地理六門學科中任選三門進行考試,并計入總分。“6選3”中的3門以等級確定,折算成分數計…

碎片時間學習前端,我推薦這些~

大家好,我是若川。祝大家中秋節快樂。前端技術日新月異,發展迅速,作為一個與時俱進的前端工程師,需要不斷的學習。這里強烈推薦幾個前端開發工程師必備的優質公眾號,希望對你有所幫助。大家可以像我一樣,利…

windows 端口沖突解決

windows 端口沖突解決 命令 說明 ps:我這里要解決的80端口沖突。 命令 netstat -ano,列出所有端口的使用情況,在列表中我們觀察被占用的端口。 netstat -aon|findstr “PID” 查看被占用端口對應的PID,這里的"PID"是上一…

使用selector改變按鈕狀態

在res/drawable文件夾新增一個文件,此文件設置了圖片的觸發狀態,你可以設置 state_pressed,state_checked,state_pressed,state_selected,state_focused,state_enabled 等幾個狀態: …

figma下載_通過構建7個通用UI動畫來掌握Figma中的動畫

figma下載Originally published on my personal blog.最初發布在我的 個人博客上 。 Most designers will spend many hours perfecting every pixel of their static UI designs but will barely spend any time perfecting the transitions between these pages.大多數設計人…

怎么用計算機上的打印設備打印,電腦中怎么添加打印機設備

電腦中怎么添加打印機設備電腦中怎么添加打印機設備呢,下面小編介紹一下。具體如下:1. 打開電腦,點擊“控制面板”圖標2. 在如圖頁面,找到“硬件和聲音”,點擊打開3. 然后點擊”設備和打印機“選項4. 打開后&#xff0…

三年經驗前端社招——樸樸科技

大家好,我是若川,祝大家中秋節快樂。最近組織了源碼共讀活動《1個月,200人,一起讀了4周源碼》,已經有超50人提交了筆記,群里已經有超1200人,感興趣的可以點此鏈接掃碼加我微信 ruochuan12 參與。…

EL表達式和JSTL標準標簽庫

一、EL表達式 什么是EL表達式 EL(Express Lanuage)表達式可以嵌入在jsp頁面內部減少jsp腳本的編寫EL出現的目的是要替代jsp頁面中腳本的編寫。EL表達式的作用 EL最主要的作用是獲得四大域中的數據// 1. pageContext ${pageScope.key}; // 2. request ${r…

(轉)細說Cookie

原文地址:http://www.cnblogs.com/fish-li/archive/2011/07/03/2096903.htmlCookie雖然是個很簡單的東西,但它又是WEB開發中一個很重要的客戶端數據來源,而且它可以實現擴展性很好的會話狀態, 所以我認為每個WEB開發人員都有必要對…

數學在計算機科學上的應用文獻,淺談數學在計算機科學及應用中的作用

論文編號:SXJY040論文字數:5690,頁數:06淺談數學在計算機科學及應用中的作用[摘要]:數學作為伴隨人類歷史發展長期積累的智慧結晶,是學習和運用科學技術的語言,代表著人類智慧的最高成就。本文闡述了數學發展的科學趨勢,并對數學與…

三年經驗前端社招——豐巢科技

大家好,我是若川。最近組織了源碼共讀活動《1個月,200人,一起讀了4周源碼》,已經有超50人提交了筆記,群里已經有超1200人,感興趣的可以點此鏈接掃碼加我微信 ruochuan12 參與。本文經作者lxcan 授權轉載&am…