A. 想做web前端的工作，應該先學什麼
一個專業的前端開發工程師是必須掌握前端開發三大基本基石HTML、CSS，JavaScript。光會這些還不夠，有了這些語言還需要各種工具的支撐，比較常見的有Dreamweaver，Sublime，HBuilder。還有FontelloFontello、Secureheaders、Visual Studio CodeVisual Studio Code。
工具只能解決一些特定問題，要解決更加全面的問題就要接觸到框架，三大基本框架有Angular、React、Vue，當然，以後還會接觸到更多Bootstrap、Fbootstrapp、BootMetro、Gumby、IVORY、Kube這樣的框架。另外，一個優秀的前端開發工程師可能還要掌握SEO、DOM、BOM、Ajax等技能，甚至，網站性能優化和伺服器端的相關基礎知識也是需要了解的。
學會這些還不夠，前端開發是一門發展的學科，不是學好了就可以停止學習，後面還會接觸到更多新的內容。
由此可見，要想學好前端，絕對不簡單，前端開發的廣度和深度是其他行業所不能比擬的，你必須付出不懈的努力，才能收獲這份果實。
B. 阿里p6前端面經
本科畢業，學校既不是211也不是985，我也沒有一畢業就進入大廠工作的經歷。我的職業生涯里一共有10多次面試經歷，阿里我面試了5次，失敗了4次，屢戰屢敗，屢敗屢戰。每當我聽到別人傳奇的經歷，會羨慕別人開掛的人生，也會有小失落，感嘆自己當初沒有做太多的努力，甚至自我懷疑和自我否定。人生中主動裸辭，被動裁員的經歷，曾經讓我在無數的黑夜裡，真的以為人生就這樣了。
在第四次面試阿里失敗後，我開啟了為期2年的自我重塑計劃，梳理 體系化的知識結構 、刻意練習 知識結構化表達 ，學習參考了吸引力法則完善自己的 簡歷人設 。最後在2020.1入職阿里巴巴，成為AE國際體驗技術團隊的P6前端工程師。
在這一段經歷中，我梳理了當時自己的幾個問題，大家看看是否有跟我相似的處境呢？
自我重塑的前提是自我覺醒，意識到自己存在問題，再讓自己走出舒適區，不斷地打碎自己，然後在這個過程中把碎掉的東西重新收拾起來，變成身體的一部分。 這個過程會讓你很痛苦，但如果你克服了，你就蛻變了。薛兆豐教授說過一句話，「生活不會在你都准備好了以後才開始」。面試也一樣，面試考驗的不是那幾輪的面試表現，而是你在長期生活、工作中積累的 硬技能和軟技能 ，這些包括：你的專業能力，框架能力，思維能力，性格和心態，溝通能力，價值觀等等。你只是剛好在這幾輪的面試里表現出了你的這些積累，吸引到了對方，最後拿到了Offer。如果臨時抱佛腳，光背概念和知識點，沒有結合項目深入思考，那麼面試的時候會表現的很空洞，給人的印象只是在堆砌一些關鍵詞，這樣面試掛掉的可能性就很高。
傳說有人問泰勒斯:「何事最難為?」 泰勒斯回答說:「認識你自己。」 隨著年齡的增長，閱歷的豐富，你會漸漸發現，無論是生活還是工作，很多的事情本質是與自己相處，了解自己的性格，發現自己的優缺點，知道自己從哪來，到哪去，最後想成為一個什麼樣的人。
舉個例子，我了解自己的性格是內向性格，而且原生家庭在我童年成長的過程中，讓我有些自卑，甚至我一度懷疑內向是一種性格缺陷。直到我看了一本書，書名叫《內向性格的競爭力》，開始漸漸明白我 自卑的點，來源於我根本不了解自己是什麼 。我也不了解外向性格、內向性格的優勢。外向性格的優勢在於它性格非常開朗，很容易給人一種親和力，自來熟。內向的性格優勢在於它的敏感度，洞察他人情緒，感知他人情緒的能力。內向性格的人都有一個共同的特點，叫做你需要提前充電。比如我們去參加一個面試，內向性格的人像一塊電池，需要提前充電，然後呢，這塊電池只能維持大概1個小時，但是一旦過了1個小時，電池電量用完，你就受不了，你在後半程的面試會感受不太舒服，因為你的性格里就是不太喜歡這樣的環境。
如果大家意識到這一點，在面試的時候你可以更好的去利用。
膽怯的心態，這個是最難克服的。我曾經是膽怯的人，我會把自己包裹起來，裹上一層堅硬的外殼。
這些會直接影響你在他人心中的形象，像阿里P6前端工程師，是一個獨擋一面的角色。如果自己性格膽怯，表現出畏縮畏尾的樣子，那麼即使進阿里了，你在推進項目的時候，會遇到很大的阻礙。這個阻礙一方面來自於你內心的膽怯，另一方面來自於外部壓力。所以這個是必須要克服的。
我克服膽怯的方法很粗暴。利用周末的時間刷了杭州城20多個恐怖密室（漆黑的密室環境，而且有NPC出來嚇人），慢慢把膽子練起來。後來我膽子大到什麼程度呢，我一個人跑到臨安挑戰極限，坐上飛機從10000英尺的高度自由降落，高空跳傘。
所以性格它不是一成不變的，你發現了，克服了，最後你的心態會越來越好，這個就是我想分享的。
這個是最核心的一個能力，同時也是可以讓你快速進入一門新領域的方法。以我現在的認知水平， 知識可以分為三層：知識點、理論、體系。 我們需要可以通過學習知識點 -> 整理理論 -> 形成體系。
輸入： 我們平時信息輸入的渠道，可以是通過看源碼、看書、他人分享的得到關鍵詞，通過關鍵詞搜索可以讓我們更廣泛地獲取信息。在搜索關鍵詞的過程中，我們往往會得到更多的關鍵詞，它可以是A、是B、是C。
構建： 我們需要這些ABC進行分類，構建我們的思維導圖。如果你沒有自己的思維導圖，網上有很多前端的知識圖譜，可以照著學習和搜索，理解每一個知識節點承載的內容，慢慢去構建屬於你自己的思維導圖。前期構建腦圖的過程挺痛苦的，意味你要把每一個知識點去摸清楚，但是一旦你建立好了，往後只需要在現有的腦圖里添加你新的知識節點，學習會越來越輕松。
解釋： 思維導圖構建好了以後，就是輸出，如何向別人解釋一個知識。
以上學習的方法，是我對費曼技巧的個人實踐，費曼技巧也被稱作是終極的學習方法。簡單說它是 「以教為學」，在學習的知識的時候，以別人聽得懂為目標，用最簡單的話把自己的意思表達出來。
關於學習的方法，我還要分享的是，在構建腦圖知識點的時候，我們不妨問自己5個問題？
理清楚了這5個問題，相信你會對這塊知識了解的很全面了。往往在面試的時候，面試官不會這么一板一眼的提問，有時候會問一些開放式的題目，或者一些刁鑽的技術問題，不要慌，他有可能是考察是否能用學到的知識來解釋一下新的例子。所以我們學習還要做最後一步， 把所學的知識都忘掉，剩下的思維能力才是你的。
掌握學習的方法還不夠，我們還要常常做一些階段性回顧，以一個項目為周期或者以半年為周期（周期時間可以自己把握），把人生當中的關鍵節點梳理出來，這不只是為了面試時快速反應，也是為了更加幫助你認識自己。
我們投遞簡歷失敗，有一部分原因在於，我們對自己定位不夠清晰。當前 P6 水平投遞 P7 崗位，那麼掛掉的概率就更高了。我們需要了解阿里崗位職級是怎麼樣的。阿里巴巴社招一般層級是從P6開始，往往工作經驗3年是一個分界點。
了解崗位職級，可以幫助我們認清當前水平處在哪一個層次，知道通往一下層次需要掌握哪些技能。比如我是P6，那麼我在寫簡歷或者面試的時候，盡可能在展示當前層次水平之外，會額外展示掌握的P7的一些能力，讓面試官看到你的潛力和亮點，你是具備快速通往下一層次的能力的。
阿里的面試按流程來的，你開始面試就會進入流程，在流程里的簡歷，除了面試官其他人是看不到。每個流程通常有5輪面試，4輪技術面和1輪HR面，面試官會根據你的水平層級和個人情況，決定要不要安排筆試和交叉面。面試的前兩輪是電話面試，後幾輪是現場面試。在投遞的簡歷的時候，盡量找人內推，內推的優勢在於內推人可以給你做信用背書，查看你的面試進度。如果不是走內推渠道，是阿里員工主動采蜜打電話邀請你面試，說明你的簡歷或者過去的歷史評價，是具有一定吸引力的，不然也不會打電話給你。接到電話後，可以跟面試官確認電話面試的時間，你可以在這段時間內，開始面試前的准備。
面試前需要做哪些准備呢？
形象建設分為 聲音形象、外在形象、內在形象 。
聲音形象： 為什麼我要講聲音形象呢？因為前幾輪的面試都是電話面試，面試官看不到你，你的語速、語調、語氣，都會影響電話那頭對你的判斷。
聲音影響面試的問題有哪些呢？
那我們要做的是盡可能的讓我們的語速保持勻速的水平，一分鍾200字左右，然後用胸腔偏下的位置發聲，用氣息推動喉嚨，這樣的發出的聲音雄渾有力，不會顯得沉悶，反而有些磁性。
外在形象： 針對現場面試的，簡單、干練、不邋遢就好。
內在形象： 聲音形象，外在形象都是淺層的吸引，最致命的吸引是人格吸引，是你的內在形象。我們在自我認識的環節，梳理過了「關鍵」信息，在面試的時候，就派上用場了，把那些能夠呈現你內在形象的案例展示給面試官，通過例子證明自己，你就是這樣的一個人，簡單說就是：「 我不要我覺得，我要你覺得 」。內在形象有哪些呢？自信、踏實、皮實、樂觀等等
簡歷為避免排版混亂，使用PDF格式。書寫原則： 可以適度包裝，但是不要造假 。造假涉及到誠信問題，你在技術面混過去了，後面第三方背景調查的時候，會驗證你說的情況，一旦打上不誠信的標簽，你就永遠進不了阿里了。在寫簡歷的時候，多關注一下對方招聘崗位的JD，崗位職責和需要的技術棧是什麼。了解這些後，盡可能在書寫簡歷的時候，展示你和招聘崗位所需重合的技能。如果當前掌握的技能和目標崗位有一定差距，那需要花時間提升不足，補齊這塊差距。不同公司的前端崗位的職責或技術方向不同，往往要准備多份簡歷去匹配不同公司崗位的情況。
我的簡歷的內容排版很簡潔，寫了基本信息，專業技能、項目經歷，最後才是教育背景。對於社招來說，你在大學期間發生的事情已經不是那麼重要了。重要的是你目前 掌握的技能和項目經歷 ，這兩塊是要重點描寫的。專業技能按掌握、熟悉、了解程度依次羅列。亮點項目是之前你梳理過的，詳細寫，附帶數據描述成果更具說服力。其他不重要的項目可以簡單描述技術棧，一筆帶過。這么做的目的就是一眼讓面試官看到你的優勢和核心競爭力。推薦一些好的簡歷模板，比如 WonderCV、五百丁。簡歷不用太花里胡哨，簡單明了，能夠清晰的表達你的內容即可。
面試前自我模擬面試可以增加你的自信心，自我介紹、面試的一些的話術都可以提前准備好，然後可以講給別人聽、講給自己聽。或者找一個水平在你之上的前輩對你進行一次模擬面試，收集面試反饋，針對模擬面試時卡頓、忘詞的知識點，重新記憶和解釋，然後不斷的重復上面步驟，直到你能可以用自己的話說出知識點的核心內容。
溝通的原則： 客觀描述事實，不做主觀臆斷 。具體有哪些情況呢？三說和三不說。
面試的時候，可以嘗試引導面試官。 每個面試官的喜好，出題的角度都不一樣，這個我們是無法預測的，但是我們可以去引導對方問一些問題。比如他問到某一個知識點A的時候，我們在回答A的同時，引申出和A有聯系的知識點B或C。回答的重心放在知識點A上，B或C是你在回答A的時候順帶那麼一提，它就像一個魚鉤，來引導面試官來問我們擅長的、准備好的知識。
渲染情緒： 在面試的時候多感知對方的情緒，在適當的時候，用一些你准備好的事跡，引發對方共情。之前我們梳理過一些「關鍵信息」，有一些失敗經歷或高光時刻是很容易讓人產生共鳴的。
反問階段：如果你不知道問些什麼，有保守一點的問法是，去問問對方團隊的情況，團隊在組織定位是怎麼樣的、技術棧是什麼、有哪些人員梯度，當前遇到什麼痛點問題等等。這些問題你傳遞出來的信息是，我對當前崗位所處的團隊，所做的事情非常感興趣。之前我在一家公司現場面試的時候，就主動提出帶我在公司轉轉，了解公司的產品形態。這也是一個向對方表達興趣的技巧。
面試的時候考察什麼？技術一面，重點考察基礎和知識廣度，上探你的技術天花板，下探計算機底層原理。一面常見的考察點有哪些呢？
技術一面專業能力佔了80%，軟素質佔了20%。如果過了技術一面，說明你的基礎各方面是很不錯的。接下來技術二面會重點考察你的工程能力、設計能力、規劃能力。二面通常會從你的項目開始問，這個時候你梳理的亮點項目就派上用場了。二面常見的考察點有哪些呢？
這些都是考察范圍，技術二面專業佔了60%，軟素質佔了40%。到了技術三面的時候，會聊一聊技術格局、視野、人生規劃、軟技能考察，這部分多展示你的大局觀，比如業務上的大圖，技術上的大圖，你長期或短期的人生規劃等等。
2.2.6 描述項目（STAR法則）
我分享一個描述的、項目的方法，叫做STAR法則，他有五個要素，情境(situation)、目標（target）、行動(action)、結果(result)，我把他擴展了一下，技術面或者hr面的時候描述項目的時候，可以按這個套路來。
2.2.6 面試復盤
面試後記得主動添加面試官的微信，這是免費的性價比很高的人脈。加完微信能做哪些事？
面試後還需要復盤， 復盤結果和情緒 。拿一張白紙記錄你在面試中答好的/不好的知識點，還有你的在情緒佔比，緊張、開心、嚴肅是不是佔了面試中大部分情緒。每一次面試都像一面鏡子，照出你的短板，然後你把短板改掉，就離目標越來越近了。擁有這種面試意識，面試的次數多了，你會從害怕面試變得愛上面試。
分享一本軟體能的書 《金字塔原理》 ，是麥肯錫咨詢公司第一位女性顧問：芭芭拉·明托，寫的一本關於邏輯思路的書。裡面介紹了一些方法，幫助我們怎麼去 自下而上的構建邏輯金字塔 ，或者是 自上而下的表達金字塔 。
書的內容介紹我不做具體的描述了，感興趣的同學可以自行搜索。
我們在提升硬技能的同時，也要注重提升軟技能。技術很重要，但是它是我們實現想法的語言工具。在這之上， 使用工具的方法，比工具本身更關鍵 ，我們要清楚真正的修煉是什麼？ 永遠都是內在的東西，軟性的東西 。比如說你的思維能力，耐心，聰明，情商，遇到挫折時的內心復原力。這些技能是可以伴隨你漫長的一生的，終身受用的，那麼我們就應該為此投資。
我在工作前2年是處於一個迷茫的狀態，沒有自己的規劃。真正讓我發生改變的是，突然有一天我回家，父母的頭發都白了，那一刻我意識到自己該學會長大，該為未來做點什麼了。從那以後，我每天的狀態就是，白天公司工作謀生存，晚上自我提升謀發展。在工作第3年的時候，自我感覺准備差不多了，開始去阿裡面試，所以才有了那段裸辭的經歷。當然我摔的很慘，也重新認識了自己。
我們做一個時間切片，把過去的自己和現在的自己對比，你會我發現當時所經歷的，覺得很困難的事，現在看來都不是事。給自己的人生列個目標，知道自己想成為什麼樣的人，實現目標，自己的差距就會越來越小。
還有什麼想了解的可以
有想了解更多的小夥伴可以加Q群 鏈接 裡面看一下，應該對你們能夠有所幫助