Create by jsliang on 2019-3-7 22:26:08
Recently revised in 2019-3-10 18:28:53php
Hello 小夥伴們,若是以爲本文還不錯,記得給 jsliang 的文檔庫點個 star , 大家的 star 是我學習折騰的動力!GitHub 地址css
【2019-08-16】Hello 小夥伴們,因爲 jsliang 對文檔庫進行了重構,這篇文章的一些連接可能失效,而 jsliang 沒有精力維護掘金這邊的舊文章,對此深感抱歉。請須要獲取最新文章的小夥伴,點擊上面的 GitHub 地址,去文檔庫查看調整後的文章。html
並非只有特定的季節才能跑路,只由於人跑得多了,這條路就定下來了。前端
金三銀四跑路季,jsliang 進行了第二回合的面試,並寫下這篇文章。node
不折騰的前端,和鹹魚有什麼區別git
目錄 |
---|
一 目錄 |
二 前言 |
三 早上 09:30 |
3.1 Job Description |
3.2 技術一面 - 機密試題考查 |
3.3 技術二面 - 男女混合雙打 |
3.4 我的三面 - 研發總監考查 |
3.5 我的四面 - 撩人事小姐姐 |
3.6 我的五面 - 驚人智商考查 |
四 下午 15:00 |
4.1 Job Description |
4.2 Block chain |
4.3 Just chat |
五 總結 |
返回目錄github
請時刻準備好本身的簡歷,無論是互聯網經濟不佳面臨裁人,仍是由於公司內部鬥爭嚴重想換份工做,仍是由於厭倦了目前的一切……只有隨時更新本身,把本身的簡歷準備好,你才知道哪一刻跑路是最佳選擇。web
返回目錄面試
返回目錄算法
崗位職責:
一、負責前端頁面開發和維護,並根據需求優化產品性能、用戶體驗、交互效果及各類主流瀏覽器的兼容適配工做;
二、對Web前端新技術進行預研,掌握業內主流技術,保持公司前端開發技術的先進性;
三、優化與重構前端代碼,並整理出可重用的代碼模塊;
四、配合產品經理和UI設計師,經過各類前端技術手段,提升用戶體驗並知足性能要求。
崗位要求:
一、2年以上前端開發工做經驗。
二、精通JavaScript、JQuery、AJAX、HTML五、DIV+CSS等Web前端開發技術
三、至少熟悉主流JS庫或框架如:Bootstrap、AngularJS、backbone、React、Vue等中的一種;
四、熟悉Grunt,Gulp,Webpack等前端自動化構建工具;
五、熟悉模塊化開發(Requirejs、Seajs、Commonjs),並具備相關項目經驗;
六、熟悉Web Components 標準,並可以獨立設計、開發web組件;
七、熟悉各類Web前端技術、深入理解Web標準,對瀏覽器兼容性問題有豐富經驗;
八、對用戶體驗、交互操做流程、及用戶需求有深刻理解;
九、熱愛前端,熱愛設計,對新鮮事物充滿好奇心。
十、主動了解最新前端技術動態,對HTML5技術領域、Web發展趨勢具備良好的洞察力和關注度,求知慾強。
複製代碼
人事小姐姐將我帶到了一個空曠的廳子,交給我一份 【機密】 試卷,嚇得我正襟危坐,拿起筆來開始答題:
1、選擇題:
A. position: absolute;
B. position: fixed;
C. position: relative;
D. float: left;
複製代碼
A. 聲明位於文檔中的最前面,處於 <html> 標籤以前。告訴瀏覽器的解析器,用什麼文檔類型規範來解析這個文檔。
B. 在標準模式下,瀏覽器根據規範呈現頁面,在混合模式中,頁面以一種比較寬鬆的向後兼容的形式解析這個文檔。
C. DOCTYPE 不存在或格式不正確會致使文檔以標準模式呈現。
D. 瀏覽器根據 DOCTYPE 是否存在以及使用哪一種 DTD 來選擇要使用的呈現方法。
複製代碼
A. 不一樣的瀏覽器,表現同樣。
B. alt 和 title 同時設置的時候,alt 做爲圖片的替代文字出現,title 是圖片的解釋文字。
C. alt 和 title 同時設置的時候,title 做爲圖片的替代文字出現,alt 是圖片的解釋文字。
D. 以上說法都不正確。
複製代碼
A. { margin: 0 auto; }
B. { margin: auto auto; }
C. { margin: auto 0; }
D. { margin: 0 0; }
複製代碼
A. <div><p><input><span><img>
B. <div><h1><p><img><dl>
C. <select><button><label><img><a>
D. <div><p><form><ul><li>
複製代碼
……………………
……………………
……………………
……………………
複製代碼
選擇題就到此結束了。
由於 jsliang 就坐在一個毫無屏障的大廳上答題。人來人往的,而且試題標明須要關閉電子設備,爲了避免被趕出去,爲了能進入以後的環節,因此俺慫了~只在答完題僞裝拿手機找人事小姐姐的時候,伺機拍了前五題的,哈哈。不過下面的問答題還好我記得,下面咱一塊兒瞅瞅!
2、問答題
function foo() {
var i = 1;
return function() {
i++;
console.log(i);
}
}
var a = foo(), b = foo();
a();
a();
b();
複製代碼
請寫出上面代碼的輸出結果。
這題考查的是閉包,小夥伴能夠先本身想一想答案,而後複製代碼到控制檯看看結果。
<div><img></div>
請按照上面代碼的格式,實現該圖片的近似垂直居中和徹底垂直居中。
一開始表示 jsliang 是懵逼的,不按套路出牌啊,不都是水平垂直居中麼?無論了,我直接用 less 格式寫下了 position 和 flex 的垂直居中方式,而後備註下若是要加上水平居中要怎麼搞。
很經典的一個佈局,注意右邊高度 100% 要設置好喔~
總結:
面試題要求 45 分鐘寫完,jsliang 30 分鐘左右搞定了。整體來講在 jsliang 的面經文章上(即將發佈)都有出現,我的以爲難度 5 顆星是最高難度的話,那這份題卷頂多 2 顆半星,固然後面知道 15 道選擇題我仍是錯了 2 道。
不過,看到個人字,enm...我是以爲……程序猿寫的字很差看就很差看了吧!I dont care!……安慰一波受傷的心靈。
這裏不會給答案的哈,畢竟 jsliang 以爲,若是給了答案,小夥伴們的思惟就被個人思路限制住了,或者我給出的是錯誤答案,就更引導錯誤了,而後評論區「大神」一堆分析,我體無完膚~因此還不如讓小夥伴們本身敲一遍體驗更深入!
筆試題作完以後,微信上呼叫人事小姐姐收了卷,而後坐等 5 分鐘左右,便來了兩我的 —— 一男一女。
一開始我還覺得那個女的是人事小姐姐,男的就是接下來我要應付的面試官了。可是當他們自我介紹完,我才知道,臥槽那個姐姐也是前端的啊,接下來就更有趣了……
①:若是小夥伴對個人經歷感興趣,請關注下一篇文章:《jsliang 的 2019 面試準備》(還沒有發佈)
②:這點在我以前的文章有說起,詳情可見:《2018 前端開發分享》,在此不進行額外累述。
Object.defineProperty()
進行數據劫持。而 Vue 3.0 使用的是 Proxy
。」③:詳情可見個人文章:《微信小程序之奇技淫巧》
④:震驚!前端小姐姐開始手寫代碼了!
var tree = [
{
parentTreeId: 1,
nodeOne: **,
nodeTwo: **
},
{
parentTreeId: 2,
nodeOne: **,
nodeTwo: **,
childNode: 1
},
{
childTreeId: 1
parentId: 2
childNodeOne: **
}
……
]
複製代碼
請問我要如何快速找到某 Id 對應的節點。⑤
⑤:因爲記憶不太清晰,這裏 jsliang 盡力模仿了小姐姐的代碼。
jsliang 使用了 for in + 遞歸 的形式進行了查找,不過由於 jsliang 也不肯定,因此感興趣的小夥伴,趕忙行動起來,查找一番吧~
代碼結構以下:
<body>
<img>
</body>
複製代碼
當我點擊這張圖片中的某個位置(不只是人身體,其餘空白地方也能夠),就會顯示一個 input 框,輸入一些信息後,點擊其餘地方會關閉,而後當你鼠標移動過去後,就會顯示剛纔輸入的信息,請問這你會怎麼實現?
jsliang 以爲這是個有趣的問題,小夥伴們能夠本身試試哈~
tips:獲取設備寬高,獲取相對於圖片的點擊位置,定位新 input 的位置,定義 input 的 hover……
jsliang 的思路是鏈式調用 + 異步調用,回答問題的時候用了 Promise,小夥伴們能夠想一想本身會怎麼解決吧~
⑥:關於離職緣由,錢固然是個緣由,可是你不能這麼說,要否則你面試的公司會以爲你市儈。固然,我這裏說平臺小也是個緣由,由於以前公司,無論是總部,仍是駐點電信,都是一我的開發項目,這樣子你代碼寫起來是隨意了,可是總想和別人合做的,畢竟大的項目,都不是一人搞定的。
⑦:這部分就不能講了,由於跟某些地方牽扯上關係的,jsliang 仍是有所顧忌的。
總結:
這一面大概是整體面試流程中較有難度,而且比較有趣的環節了,畢竟手寫代碼仍是挺好(刺)玩(激)的,雖然短髮大哥不咋說話,可是咋看大哥就是傳說中的背後 Boss,全程觀看我跟姐姐的對話,並且接下來他的舉動,能夠看出他仍是個有趣的人。
再次通過 5 分鐘的等待後,短髮大哥帶我去辦公室,路上很嗨皮地跟我聊了下,詢問我平時玩不玩遊戲,仍是平時有其餘活動啥的……最後將我帶到了研發總監的辦公室。
深入記住他這句話!由於他可能知道我會走到五面,而後他知道五面是啥玩意,特此調侃下我!
box-sizing
。」box-sizing
中,大體有兩種狀況,一種是:box-sizing: border-box
,這種狀況下,實際寬 = 盒子寬 + padding + border + margin;還有一種狀況是 box-sizing: content-box
,這種狀況下,實際寬不包括這些,最終可能由於 實際寬 = 盒子寬 + border + margin 從而衝破頁面。」Object.defineProperty()
進行數據劫持。而 Vue 3.0 使用的是 Proxy
。」Proxy
,而 2.0 使用 Object.defineProperty()
嗎?」Object.defineProperty()
有的功能 Proxy
都有,並且比它更豐富。」總結:
看過我第一回合面試文章的小夥伴都知道,到了這個環節,只要你不做死,通常都沒什麼問題的了,畢竟這面面的不全是技術,主要是看你在未來工做上可能有的表現,以及跟人的溝通能力。
又又通過 5 分鐘的等待後,人事小姐姐帶我去了會議室,跟我聊了一下:
總結:
平常到了這環節,要不就是人事小姐姐會讓你回去靜等消息,要不就是人事小姐姐會讓你回去等 offer 郵件,要不就是……人事小姐姐讓你回去作職位匹配與智商測試題!過了纔給 offer !!!
在人事小姐姐的告知下,想要 offer 還要作兩份測試題,而後晚上回去我真的收到了兩份郵件,開始了痛苦的五面。
研發類崗位匹配度測試 | ||
---|---|---|
第一部分 | 題量 114 題 | 不限時(約需 11 分鐘) |
第二部分 | 題量 51 題 | 不限時(約需 9 分鐘) |
第三部分 | 題量 6 題 | 6 分鐘 |
第四部分 | 題量 6 題 | 6 分鐘 |
第五部分 | 題量 6 題 | 6 分鐘 |
第六部分 | 題量 13 題 | 10 分鐘 |
能力傾向 CATA 測評 | ||
---|---|---|
第一部分 | 題量約 10 題 | 限時(約需 10 分鐘) |
第二部分 | 題量約 10 題 | 限時(約需 10 分鐘) |
第三部分 | 題量約 10 題 | 限時(約需 10 分鐘) |
總結:
還好不是再讓我作一遍 崗位匹配度測試,要否則我真的會崩潰,至此上午的面試就完結啦!
崗位職責:
1.負責互聯網產品的前端開發工做,不斷優化用戶體驗,提高產品的兼容性和易用性;
2.根據產品需求,分析並給出最優的頁面前端架構解決方案;
3.與產品經理,設計師和後端工程師緊密合做,實現產品交互流程和視覺界面的開發需求;
4.把控代碼質量,按期維護並更新前端開發規範;
5.創新能力強,善於學習並總結、分享新技術;
6.具有良好的服務意識、責任心、較強的學習能力、團隊溝通與協做能力;
須要掌握技能
崗位要求:
1.熟練掌握JS、HTML五、CSS3等前端技術
2.熟練使用jQuery等主流Javascript庫/框架
3.熟練使用Ajax進行交互開發
4.熟練使用Photoshop對設計圖進行切割和導出
5.熟悉各類瀏覽器兼容處理
複製代碼
在介紹這份工做的面試以前,我們仍是講講區塊鏈吧,畢竟一開始 jsliang 也不是很懂區塊鏈這塊,面試的時候沒跟面試官勾搭到一塊,面試完回去後,特意諮詢了下在區塊鏈公司工做的大佬 邵威儒,並查了下相關資料,一樣不懂的小夥伴能夠跟着一塊兒瞭解瞭解。
區塊鏈是分佈式數據存儲、點對點傳輸、共識機制、加密算法等計算機技術的新型應用模式。
區塊鏈(Blockchain),是比特幣的一個重要概念,它本質上是一個去中心化的數據庫,同時做爲比特幣的底層技術,是一串使用密碼學方法相關聯產生的數據塊,每個數據塊中包含了一批次比特幣網絡交易的信息,用於驗證其信息的有效性(防僞)和生成下一個區塊。
……以上來自百度百科……
好的,說人話。
區塊鏈本質上是解決信任問題,下降信任成本的技術方案,它是比特幣的底層技術。
我們先從比特幣交易來看區塊鏈具體操做:
n 個礦工都記錄了,比特幣歸誰呢?固然是系統會出一道運算題,誰算的最快,誰就能獲取記錄入帳權利,贏得獎勵啦~
在這些步驟中,礦工的每一個記錄,就是一個區塊(block),會蓋上時間戳,每一個新產生的區塊會嚴格按照時間線順序推動,造成不可逆的鏈條,因此叫作區塊鏈(Block Chain)。
參考文獻:《幾張圖看懂區塊鏈技術究竟是什麼?》
美國:大多數數字貨幣交易發生在法律灰色地帶,美國證券交易委員會正逐步增強對數字貨幣市場的監管。
英國:英國金融市場行爲監管局(FCA)針對 ICO 和數字貨幣風險發佈警告。FCA 表示,ICO 是高風險、投機性強的投資活動。若 ICO 落入 FCA 的監管範圍,將具體狀況具體分析。
韓國:韓國是對數字化貨幣態度最嚴格的國家之一。韓國民衆對數字貨幣很是狂熱,也催生了一些黑暗交易,韓國政府對數字貨幣的態度從曖昧轉向成全面干預,甚至準備進行全面封殺,近期韓國連續不斷的下發政策,禁止開放匿名加密貨幣。
日本:日本是對數字貨幣態度最開放的國家之一,剛剛向 11 個交易所頒發了牌照,即在日本進行數字貨幣投資交易是得到容許的。
中國:出臺了不少管制措施,如取締數字資產交易所和 ICO,禁止在線訪問海外交易平臺。在香港地區,管理者採起了更加寬鬆的策略,可是它禁止交易平臺在未被官方容許的狀況下把數字貨幣像證券那樣進行任何交易。臺灣地區正在觀望。
ICO:ICO(是Initial Coin Offering縮寫),首次幣發行,源自股票市場的首次公開發行(IPO)概念,是區塊鏈項目首次發行代幣,募集比特幣、以太坊等通用數字貨幣的行爲。
最後就是面試場景啦~
……-_ -||
……-_ -|| …… -_ -||
…… -_ -|| …… -_ -|| …… -_ -||
這裏真的就沒什麼好講的了,畢竟兩位面試官都不懂技術,而後讓我過來面試的主要緣由,是由於:
因此,enm...碰上不懂技術的面試官,就盡大可能談心咯:我工做最怕的不是不能作出來,是你給個人時間不夠~
最後的最後,面試官在 Boss 直聘上給了 offer 以及詳細薪酬,讓我回去考慮要不要過去。
至此,jsliang 的第二輪面試就結束啦~
首先,仍是那句話,面試不必定造火箭,有多是人家項目中真實存在這個狀況,就比如上午二面的小姐姐的問題,你說她是本身想出來的,我看不盡然,說不定就是真實上線的案例中抽取出來的。
而後,面試能夠給你更多的 idea,從而根據面試過程當中出現的一些點,去擴寬本身知識面。面試第一目的確定是拿到 offer,可是每次面試請嘗試記住面試過程及面試題目,面試後總結出來,針對本身的不足進行知識拓展。
最後,jsliang 在這裏祝小夥伴們面試成功,在金三銀四的季節找到更適合本身的職位!
jsliang 廣告推送:
也許小夥伴想了解下雲服務器
或者小夥伴想買一臺雲服務器
或者小夥伴須要續費雲服務器
歡迎點擊 雲服務器推廣 查看!
jsliang 的文檔庫 由 梁峻榮 採用 知識共享 署名-非商業性使用-相同方式共享 4.0 國際 許可協議進行許可。
基於github.com/LiangJunron…上的做品創做。
本許可協議受權以外的使用權限能夠從 creativecommons.org/licenses/by… 處得到。