摘要:前言在兩家大廠工作了年,當(dāng)了年的前端面試官,把一些較難的面試題與答案匯總在我的中。請(qǐng)說出至少種方法,越難越好難度阿里騰訊這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說。
前言
在兩家大廠工作了6年,當(dāng)了3年的前端面試官,把一些較難的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。
項(xiàng)目地址是:https://github.com/airuikun/W...
希望大家不要看到題目就直接看答案,還是希望先自己進(jìn)行思考,在思考的過程中,會(huì)有意想不到的收獲。
面試題挑戰(zhàn)我把下面每道題的難度高低,和對(duì)標(biāo)的職級(jí),都寫上去了,大家可以參考一下,但不是唯一評(píng)判標(biāo)準(zhǔn)。
第 1 題:請(qǐng)?jiān)O(shè)計(jì)一個(gè)攻擊服務(wù)器的策略 難度:阿里p5 ~ p7、騰訊t21 ~ t31我提供幾個(gè)常見的策略吧
前段時(shí)間很火的一個(gè)例子,偽造虛假npm包 + nodejs版本的payload
nodejs的反序列化攻擊
其實(shí)你多關(guān)注知乎或者一些前端熱點(diǎn),都會(huì)發(fā)現(xiàn)有很多很多的這種攻擊和漏洞的case講解,但是有沒有一些很難并且大家都沒想到過的策略和思路呢?
歡迎展現(xiàn)自己的實(shí)力和創(chuàng)意
如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言:https://github.com/airuikun/W...
第 2 題:請(qǐng)寫一個(gè)正則,去除掉html標(biāo)簽字符串里的所有屬性,并保留src和href兩種屬性 難度:阿里p6+ ~ p7、騰訊t23 ~ t31這題目簡(jiǎn)單的理解就是,寫一個(gè)正則表達(dá)式,將字符串"正則"轉(zhuǎn)化成"正則"。
當(dāng)然,真正包含一個(gè)網(wǎng)頁的html的字符串要比這個(gè)復(fù)雜。
而且,google里關(guān)于這個(gè)問題的前三篇文章答案,都存在嚴(yán)重的問題,隨便寫幾個(gè)case都是滿足不了的。
正則的問題,很多前端人員都停留在如何用正則去判斷一個(gè)數(shù)字是不是手機(jī)號(hào),一段字符串是不是郵箱,說實(shí)話,這都沒用到正則知識(shí)體系的十分之一
在一些工程項(xiàng)目難題上,如果正則使用到位,真的是一行正則可以抵1000行代碼。
建議有能力的小伙伴,可以玩一下這題。
如果你有好的答案或想法,歡迎在這題目對(duì)應(yīng)的github下留言:https://github.com/airuikun/W...
第 3 題:react項(xiàng)目中的JSX里,onChange={this.func.bind(this)}的寫法,為什么要比非bind的func = () => {}的寫法效率高 請(qǐng)解釋其中的原理 難度:阿里p5 ~ p6、騰訊t21 ~ t22這題考察了函數(shù)在內(nèi)存塊占用執(zhí)行和調(diào)度等,和對(duì)bind的深層理解。
歡迎挑戰(zhàn)
如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 4 題:十萬條數(shù)據(jù)插入數(shù)據(jù)庫,怎么去優(yōu)化和處理高并發(fā)情況下的DB插入 難度:阿里p6+ ~ p7+、騰訊t23 ~ t32這種題,你懂的,逼格高,亮瞎眼,大廠太愛考了。
不過裝逼歸裝逼,有能力并且真真正正處理過這些高并發(fā)情況的FE,這題是他們一個(gè)很好的展現(xiàn)機(jī)會(huì)。
以前我的mentor,用nodejs實(shí)現(xiàn)了高并發(fā)的智能容災(zāi),我至今記憶猶新,并且他也收獲了那年的高績(jī)效。
來玩一下?
歡迎挑戰(zhàn),如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言:https://github.com/airuikun/W...
第 5 題:解釋一下在js里,0.1+0.2為什么等于0.30000000000000004,如何通過代碼解決這個(gè)問題? 難度:阿里p5 ~ p6、騰訊t21 ~ t22第二問我給個(gè)簡(jiǎn)單的思路吧:將浮點(diǎn)數(shù)轉(zhuǎn)換為整數(shù)來進(jìn)行計(jì)算。
答案不唯一,歡迎提供更好的idea
歡迎挑戰(zhàn),如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 6 題:設(shè)計(jì)一個(gè)策略和方法,實(shí)現(xiàn)在https的前端項(xiàng)目里進(jìn)行http請(qǐng)求 難度:阿里p6 ~ p6+、騰訊p22 ~ t23歡迎挑戰(zhàn),如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 7 題:一個(gè)iframe,內(nèi)嵌了一個(gè)A頁面,iframe的寬高不停變化,如何讓A頁面的寬高實(shí)時(shí)自適應(yīng)這個(gè)iframe的寬高大小。請(qǐng)說出至少3種方法,越難越好 難度:阿里p6 ~ p6+、騰訊t22 ~ t23這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說。
歡迎挑戰(zhàn),如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 8 題:v8有了解過嗎?講講了解過v8的那幾個(gè)模塊和部分,比如解釋一下v8的hidden class 難度:阿里p6+ ~ p7、騰訊t23 ~ t31不要抵觸面試官考察v8,還是那句話,你對(duì)一個(gè)問題回答的深度,是面試官評(píng)價(jià)你能力的參考和標(biāo)準(zhǔn)。
挑戰(zhàn)一下吧
歡迎挑戰(zhàn),如果你有好的想法或答案,歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 9 題:現(xiàn)在有多個(gè)spa的項(xiàng)目,有angular的,有vue的和react的,如何將他們合并成一個(gè)大統(tǒng)一的spa項(xiàng)目 難度:阿里p7 ~ p7+、騰訊t31 ~ t32很多公司,都有很多的老項(xiàng)目,并且都是不同框架,很分散,很多上級(jí)的上級(jí),很喜歡提這種多項(xiàng)目統(tǒng)一的需求。
這時(shí)候你就會(huì)面臨不同框架的項(xiàng)目重構(gòu)。
如果你遇到這些問題,打算重寫項(xiàng)目,那是非常費(fèi)力不討好的。這些問題,其實(shí)是能框架層面上去解決的。
我提供個(gè)思路,比如在angular項(xiàng)目里融合react項(xiàng)目,可以從ReactDOM.render結(jié)合angular的路由入手。
再提供個(gè)思路,例如簡(jiǎn)單的vue和react項(xiàng)目,可以用ast等手法,將代碼互轉(zhuǎn)。但這個(gè)我曾經(jīng)實(shí)踐過,會(huì)面臨很多的bad case。
剩下的一些思路,歡迎大家挑戰(zhàn)。
歡迎在這題目對(duì)應(yīng)的github下留言言:https://github.com/airuikun/W...
第 10 題:講一下png8 png16 png32的區(qū)別,并簡(jiǎn)單講講png的壓縮原理 難度:阿里p5 ~ p6、騰訊t21 ~ t22針對(duì)png原理的問題,我寫了一個(gè)文章,輕松搞笑通俗易懂,大家可以看一下,放松放松《PNG圖片壓縮原理--屌絲的眼淚》
交流我是小蝌蚪,擔(dān)任高級(jí)前端工程師
歡迎關(guān)注我的微信公眾號(hào),微信掃下面二維碼或搜索公眾號(hào)“前端屌絲”,講述了一個(gè)前端屌絲逆襲的心路歷程,共勉。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/114629.html
摘要:前言在兩家大廠工作了年,當(dāng)了年的前端面試官,把一些較難的面試題與答案匯總在我的中。請(qǐng)說出至少種方法,越難越好難度阿里騰訊這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說。 前言 在兩家大廠工作了6年,當(dāng)了3年的前端面試官,把一些較難的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:https://github.co...
摘要:前言在兩家大廠工作了年,當(dāng)了年的前端面試官,把一些較難的面試題與答案匯總在我的中。請(qǐng)說出至少種方法,越難越好難度阿里騰訊這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說。 前言 在兩家大廠工作了6年,當(dāng)了3年的前端面試官,把一些較難的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:https://github.co...
摘要:前言在兩家大廠工作了年,當(dāng)了年的前端面試官,把一些較難的面試題與答案匯總在我的中。請(qǐng)說出至少種方法,越難越好難度阿里騰訊這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說。前言 在兩家大廠工作了6年,當(dāng)了3年的前端面試官,把一些較難的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:github.com/airuikun/...
摘要:獲取的對(duì)象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對(duì)象即使沒有代碼,也會(huì)把默認(rèn)的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對(duì)于一個(gè)光禿禿的元素,方法返回對(duì)象中屬性值如果有就是據(jù)我測(cè)試不同環(huán)境結(jié)果可能有差異而就是。 花了很長(zhǎng)時(shí)間整理的前端面試資源,喜歡請(qǐng)大家不要吝嗇star~ 別只收藏,點(diǎn)個(gè)贊,點(diǎn)個(gè)star再走哈~ 持續(xù)更新中……,可以關(guān)注下github 項(xiàng)目地址 https:...
閱讀 2695·2023-04-25 17:21
閱讀 2558·2021-11-23 09:51
閱讀 2850·2021-09-24 10:32
閱讀 3780·2021-09-23 11:33
閱讀 1980·2019-08-30 15:44
閱讀 3458·2019-08-30 11:18
閱讀 3531·2019-08-30 10:53
閱讀 631·2019-08-26 13:25