前言：
對於初入職場的前端小白來說，一整個專案來了，頓時感覺壓力山大，張皇失措，也總會感到手忙腳亂。其實不用怕，拆分步驟，把每個步驟做好，做細，一切都迎刃而解，猶如順藤摸瓜般暢快淋漓。
目錄：概念的介紹：
pm（產品經理）
負責需求的提出和專案的引導。pm根據產品特點和發展目標提出一定的需求，並協調各方資源投入開發。
若需求層面有不清晰的地方，應當向pm溝通確認，如：需要做什麼、希望達到什麼效果、哪些內容應重點保證、哪些效果可以適當取捨等；
rd（後端）
負責後端介面和資料邏輯。一般複雜邏輯和內部資料會交由後端處理，並通過介面與前端互動。
fe（前端）
負責web頁面（m頁）的介面展示和使用者互動。一般樣式、互動、動效等使用者側的效果/體驗由前端負責，並通過介面與後端進行資料互動。
qa（測試）
負責整體質量把控。在開發人員開發聯調完成後，一般需要由qa進行系統性的測試，從而糾偏糾錯&查缺補漏，保證上線質量。
若qa誤提bug或誤給人員，應協助處理：若為qa環境/測試方式問題可協助定位說明、若為介面問題可協助定位**、若為需求理解不一致可找pm確認；
若問題已解決，應及時關閉bug，使qa可以盡早驗證。
ui（使用者介面）
負責專案的頁面樣式，動畫效果的設計。
專案分哪幾個階段：
通常乙個專案簡單分為 四步：
需求階段
需求評審環節fe應做的事：
閱讀、梳理需求文件。pm一般會先發需求文件，後進行需求評審。評審前應先閱讀好文件，並梳理其中的疑惑點和技術難點。
明確需求。評審過程應充分理解自己所需要完成的內容，不清晰之處應向pm確認、明確。
溝通反饋。有潛在的技術問題/風險，應及時向pm反饋，使其提前思考應對/替代方案。
理解目的。理解pm此次需求的主要目的，明白需求中哪些內容應重點保證，哪些內容可以適當取捨，避免在某些棘手卻無關緊要的小功能上面浪費過多精力。
注意：需求評審主要目的在於需求，具體實現細節應在會後相關人員自行溝通，避免耽誤其他人時間。
排期需求明確之後，然後排期，即：預期什麼時候開始投入開發、什麼時候能達到什麼進度、什麼時候可以上線等。
開發階段
梳理需求，對整體效果進行功能拆分和模組拆分，包括：樣式、動效、互動、資料介面、native介面、外部資源等，把功能細化。
相容性測試：多為樣式相容性。盡可能在各終端下進行測試，尤其是低端安卓機下，出現問題的可能性比較大。
測試階段
有些難點邏輯以及測試點及時和qa同學溝通，反饋
上線階段
主動把「測試用例」（也就是所有的功能點）在 重新走一遍
如何排期:
簽到活動排期.jpg
乙個專案的工作量約五天,你最好把排期細化，假如你5天沒有做完，那大家會覺得你不靠譜久而久之，覺得你能力不行，如果你訂了五天，但是四天就搞定了，在同事之間大大增加信任 也會增加自己的信心，可見乙個好的排期多麼重要。理清需求中：通常情況下，fe需要等ui出圖然後排期，但排期前也可以做些整理
依賴哪些外部資源，如：需要rd提供哪些介面、需要pm提供哪些資料（埋點、分享文案、分享...）、ui圖中哪些需要切圖，如何布局，哪部會後期可能頻繁改動，是否需要sdk新增native介面支援等等。
需要實現哪些效果，如：下拉重新整理、無限載入、tab吸頂、動畫特效等
有哪些互動，如：按鈕點選響應、下拉響應等
有哪些模組，如：banner模組、分類入口模組、商品列表模組等
時間&風險評估
評估各模組各功能的工作量和可能存在的風險，工作量估算為時間，風險項預留一定時間，累加得到大概的整體所需工時。
結合自身其它工作安排和其它專案進度，估算可投入新專案的時間段，得到初步排期。
推動依賴資源
對於需要依賴的外部資源，應當提前聯絡相關人員，使其提前做好準備，避免需要時缺失影響後續流程。
根據依賴資源的預期就緒時間，調整排期。
技術調研
對於需求中較不熟悉較無把握存在較大風險的內容，優先進行技術調研。
這樣，一是可以更科學地評估工作量，及早修正排期；二是可以避免無謂的支出，比如若將難題留到最後，可能會發現難題實在無法解決，不得不調整需求修改方案，導致此前開發全部都要推倒重來。
解決問題的方法
乙個菜雞的前端面試
程式設計題1 寫出table的html結構 程式設計題2 將上面table中的資料讀出來存成如下的資料結構 計算機基礎 https，http 介紹一下https，http狀態碼 http狀態碼304代表？客戶端已經執行了get，但檔案發生變化 最常見的地方在於當你第二次重新整理某個頁面時有可能會有3...
第乙個前端專案
vue.config.js 檔案中設定axios訪問後端的根路徑 permission.js 檔案中設定白名單，白名單中的內容 於router，在白名單中的頁面可以直接訪問，不需要先登入，也就跳過了 env.檔案中設定訪問後端的中間路徑 當前端頁面除錯的時候出現 has been blocked b...
搭建乙個Vue前端專案
一 安裝環境 2.檢查是否安裝成功 如果輸出版本號，說明我們安裝node環境成功 3.輸入 npm v 測試是否已經成功安裝 npm，出現版本號就表示成功安裝 另外 可以安裝cnpm npm install g cnpm registry 檢查安裝結果 npm 全域性模組的存放路徑以及cache的路...