看了多篇2019年的面經後的我的總結

時間 2020-01-08

標籤看了多篇 2019年我的總結简体版

原文原文鏈接

　　最近閱讀了多篇從面試官的角度看面試的文章，所有記錄在了Github上，看完後就想結合本身的經歷總結一下，若有不當之處，歡迎留言討論。本文將分爲五部分：簡歷、自我介紹、問答、提問和2019年求職分析。html

1、簡歷

　　簡歷是一種爲了讓招聘方能瞭解本身的載體，傳遞的信息包括我的的優點、亮點和價值等，其存在地目的就是爲了能得到面試機會以及在面試過程當中的談資。簡歷包括基本信息、工做履歷、項目經驗、教育背景等部分，那些配色簡潔、主題突出、與崗位要求高度匹配和有量化數據的簡歷會更受面試官青睞。前端

1）基本信息webpack

　　基本信息包括姓名、聯繫電話、電子郵箱、性別、出生日期、學歷、工做年限、照片等。有些人不喜歡QQ郵箱，那能夠用其它郵箱替代；照片要放的話，最好是用職業的證件照，比較正式點；工做年限對於能力高的人來講，是加分項，反之則是減分項。git

　　GitHub上高star的開源項目是加分項，用代碼最能證實程序員的能力；高質量的博客也是加分項，說明求職者有總結提煉的好習慣，而且從博文中還能瞭解他的溝通和表達能力。程序員

2）工做履歷github

　　工做履歷可按倒序的方式寫，一般是某年某月到另外一個時間，在某家公司擔任何職。web

　　負責內容可隨着工做年限的上升而遞進，例如第一年能借助jQuery實現簡單的前端交互、第二年能獨立佈局並封裝插件等，這樣既能營造出不斷進步的氛圍，也能讓面試官瞭解你的成長軌跡。面試

3）技術能力算法

　　常常在技術能力一欄中看到了解、熟悉和精通三個動詞，關於這三者的定義能夠參考《面試官想看的簡歷》一文中的描述：數據庫

　　（1）瞭解：使用過某一項技術，能在別人指導下完成工做，但不能勝任複雜工做，也不能獨立解決問題。

　　（2）熟悉：大量運用過的某一項技術，能獨立完成工做，且能獨立完成有必定複雜度的工做，在技術的應用層面不會有太大問題，甚至理解一點原理。

　　（3）精通：不只能夠運用某一門技術完成複雜項目，並且理解這項技術背後的原理，能夠對此技術進行二次開發，甚至自己就是技術源碼的貢獻者。

4）項目經驗

　　列出的項目得可以證實本身的能力，不只要表現負責的內容（不要展開業務細節），還得把用到的技術（挑本身擅長的）、項目難點和達成效果寫上，最好再把能量化的數據也帶上，例如（有不合適的地方可指正）：

負責內容：協助銷售搭建廣告品牌頁。

項目難點：上線時間緊，活動形式多樣。

技術實現：經過Gulp自動化構建流程，將Jade編譯成HTML，結合Babel將ES6語法降爲ES5語法，利用webpack合併腳本，基於SASS編自制PrimusUI庫。

達成效果：在採用PrimusUI庫，封裝表單驗證、彈框等插件，劃分數據通訊、基礎信息等模塊後，抽象出了品牌頁的通用部分，將研發時間縮短到一至兩天。

　　涉及的技術棧求精不求多，以避免被問到時出現語塞尬場的狀況。項目經驗不是向面試官彙報本身的工做任務，而是突出項目所涉及的技術以及解決相關難題的思路，和麪試官引發共鳴，打開話題。

　　項目經驗能夠根據招聘方的崗位要求作適當的調整，列些相匹配而且你熟悉的技術，由於面試官的側重點很大機率就是寫的那些，從而就能有更多的話題聊，而且還能引導面試官到你熟悉的領域。

5）注意事項

　　簡歷的長度最好控制在一頁，簡歷突出的就是「簡」。在細節方面，中英文標點符號不要混用，單詞拼寫不要錯誤，避免錯別字，排版要工整，配色不超過3種，建議簡歷命名採用姓名+工做年限+崗位的格式。

　　當遇到本身不懂的問題時，能夠主動描述本身的理解，說明大概的實現思路；有些面經也建議爽快點回不清楚，繼續下面的問答。

　　在投遞簡歷時，儘可能用pdf格式的簡歷，這樣既能夠避免打開文件時的格式錯亂，也能夠在瀏覽器中直接打開。

　　選擇合適本身的公司，能更大機率的拿到offer，在《面試官角度看應聘》一文中曾將企業對人才的需求分爲三類：

（1）當公司處於創業期時，其內部團隊的要求是強執行，對人的須要是資源型重執行人才。

（2）當公司處於快速發展期時，開始體系化建設，須要能幫助體系化落地的人才。

（3）當公司業務處於穩按期時，體系化建設、人才梯隊也較爲完善，此階段的人員儲備會更多元化，要求也會更高。

　　關於自我評價，有些面經建議不寫，有些面經分享了自我評價的注意點，加不加這版塊就看我的喜愛了。

2、自我介紹

　　自我介紹既能讓面試官有時間快速瀏覽簡歷，也能讓本身熱身。自我介紹包括姓名、目前的工做崗位等信息，概述本身的特色，並設法刻意的引發面試官的興趣，例如介紹一個項目遇到的難點、如何攻克、有何收穫等。

　　下面是一段本身編寫的自我介紹，圓括號中的例如能夠在陳述時不說，若是面試官問的話，能夠舉這些例子，若有問題，歡迎指正。

　　個人名字叫XX，目前從事前端崗位。在項目結束後，喜歡作些簡單的總結（例如touch事件、伸縮盒佈局、CreateJS）和思想沉澱（例如榫卯思想，蒐集或自研小巧、功能單一的庫，拿來即用），並將相關內容記錄到本身的博客中。平時也喜歡讀些技術書，讀後會作些記錄總結（例如概括了《軟技能》其中三章的內容；有時還會實踐，驗證書中內容的準確性，例如《CSS Secrets》中的漸變用法）。當項目中遇到重複的業務時，喜歡本身造輪子，（例如Slider滑動插件，PrimusUI，表單驗證等）。有個圖像裁剪的功能，當時給我製造了很多的麻煩，最後用HTML5的方式解決了相關問題。

1）技能清單

　　此處只是作個演示，可根據本身的狀況挑選技能，主要列出了本身熟悉和使用過的技能。

（1）後端開發：PHP、C#

（2）後端框架：Zend Framework、CodeIgniter

（3）前端框架：Bootstrap、Matrix

（4）前端類庫：React、Vue、jQuery、Zepto、Underscore

（5）前端插件：Swiper、RequireJS、CreateJS

（6）構建工具：Webpack、Gulp

（7）前端工具：Fiddler、Babel、npm、WebPageTest、Wireshark

（8）預編譯語言：Typescript、Sass、Jade、ES6

（9）數據庫：MySQL、MongoDB、MsSQL

（10）版本系統：SVN、Git

（11）單元測試：Jasmine、PHPUnit

（12）其它：小程序、Jekyll、快應用

3、問答

　　一般面試官會挑選簡歷上的某些內容提問，首先讓求職者敘述一些項目背景，例如具體業務、開發週期、人員規模、我的角色、開發了哪些功能、遇到的問題等；而後針對某個具體的技術或業務發問，讓求職者給出解答或方案；接着進一步提問，深挖原理或擴展方案，面試官應該都比較想聽到多種選型的對比和技術取捨。

　　而在回答問題的時候，還能夠反客爲主，既能引導話題走向本身熟悉的領域，也能進一步打開話匣，例如在《問答中的面試技巧》一文中曾提到，當面試官問「Vue如何實現雙向綁定的？」時，在老實的回答後能夠加一句「Vue 3.0則選擇了更好用的Proxy來替代object.defineproperty()」，此時，面試官大機率會問「Proxy好在哪？」。

　　性能與體驗的優化、場景設計和得意項目是面試中常見的會涉及到的問題，若是在面試前不許備，每每會處於比較被動的局面。下面是針對性能優化，準備的一點內容，若有問題，歡迎指正。

　　本身平時很注意性能與體驗優化，已將優化散入到各個項目中，例如在頁面加載時出現Loading加載，壓縮圖像，採用惰性模式減小代碼分支、異步加載第三方代碼等。記得有個答題活動，包含120多張圖片，因爲一會兒加載會讓頁面卡頓，所以使用預加載的方式，而且用Chrome模擬了2G、3G和4G的加載時間，分別是20s、8s和4s，其實還有很大的優化空間。還有個轉盤抽獎的活動，利用Chrome的性能工具，能看到優化前的轉盤在轉動時會不斷的重繪，有些比較老的手機甚至會出現卡頓狀況；後面將rotate()改爲rotate3d()新增一個渲染層，就只會重繪一次。還曾在本地搭建過WebPageTest用來測試性能，但沒有大規模使用過。

　　再針對得意項目，也準備一點內容，若有問題，歡迎指正。

　　其實這不是一個單獨的項目，而是結合了幾個項目，主要是不斷優化圖片裁剪的功能。首先是上傳，棄用了form和iframe配合的無刷新上傳，改用HTML5提供的便捷上傳，涉及File對象、Base64位格式等內容；而後利用Canvas實現預覽與合成，並經過計算三角函數來實現旋轉，期間碰到了iOS圖片不正和畫布污染的問題，最後還在封裝的裁剪插件中內置簡單的手勢操做。

　　在面試過程當中表現出優於別人的亮點，可以讓面試官加不少分，例如懂得代碼擴展性、可深刻框架原理、具備優化意識、有多種途徑發現問題、新技術上手快、主動思考、技術攻堅人、分析問題善抓重點、注意業務細節、思惟活絡、總結沉澱，能給出通用解決方案推廣到團隊中，這類人也俗稱經驗豐富的人。

　　打鐵還需自身硬，只有當自身基本功紮實，項目經驗豐富，而且在某一領域有必定的知識儲備時，才能在面試現場成竹在胸、對答如流。

4、提問

　　經過最後的提問能更多地瞭解關於此次面試、這家公司、這份工做的相關信息，例如企業文化、部門之間的同事狀況、企業發展等。能夠提一些這個職位的具體工做、發展機會等相關的問題，例如

（1）目前這個職位最緊要的任務是什麼？

（2）大家是如何管理項目的？

（3）公司經常使用的技術棧是什麼？

（4）當前團隊的規模和配置是怎麼樣的？

（5）這個崗位能夠爲公司業務帶來什麼價值？

（6）大家爲何要招聘這個職位？

（7）這個崗位須要具有哪些素質？

（8）將來打算採用哪些新技術？

　　切忌提一些容易暴露本身缺點、不自信的問題，例如「我不是名牌大學畢業的，大家會要嗎？」，也不要問面試結果、工資、技術等當前面試官沒法回答的問題。

5、2019年求職分析

　　這次從本身蒐集的《面試和技術總結》中挑選了其中的十多篇，從求職者的角度，對涉及的公司信息、面試流程、面試題目等方面作數據分析。因爲採樣有限，分析結果不會很準確，純屬娛樂，你們有異議或補充的，歡迎在文末留言。

　　公司信息包括規模、上市狀況、是否融資，主要參考拉勾網中的公司介紹，在線生成圖表。由下面的三張餅圖可知，你們趨向於找上規模、資金充足的大公司，而這些公司每每面試流程至少二面，而且有些還包含筆試。

　　面試題目不包括基礎的JavaScript、CSS、項目經驗和場景設計，React和Vue仍舊矚目，關於二者之間的對比出現頻率很高（圖中二者對比一欄），TypeScript的使用率正在逐步上升，webpack和Node.js的關注度依然沒有減弱，基礎的ES六、網絡、算法以及各種優化仍是面試中的常客，在平時工做中還得注意安全問題，而且能夠深刻到框架原理中，知其然而因此然。

　　在文章的最後，套用一句《火藍刀鋒》中的臺詞來勉勵本身，「若是你想獲得你從未有過的東西，那麼你就要去作你從未作過的事情」。

參考資料：

面試官到底想看什麼樣的簡歷

面試以前，簡歷之上：給前端校招同窗的簡歷建議

如何寫一份好的前端面試簡歷

面試官教你寫簡歷之「中高級開發者簡歷指南」

簡歷上若是出現過於高大上的項目，反而過猶不及：再論如何經過項目引出技術

「技術面試」問答中有什麼十分實用的面試技巧?