前端項目負責人最基礎(chǔ)的需要會哪些
1. 寫在開頭
之前給團隊分享一下前端技術(shù)體系，順便說一下基礎(chǔ)能力范疇指哪些東西，分為技術(shù)能力和軟能力。下面列的東西也有許多我自己不擅長的地方，但是還是會列一下，也是目前自己能想到的技術(shù)體系結(jié)構(gòu)。
技術(shù)能力圖
軟能力圖
具體可查看文章：前端項目負責人需要具有的能力
2. 為什么強調(diào)基礎(chǔ)能力？
基礎(chǔ)能力是技術(shù)能力發(fā)展的基礎(chǔ)。舉幾個例子可能會比較清楚。
基礎(chǔ)知識和react的關(guān)系
基礎(chǔ)知識和算法的關(guān)系
性能優(yōu)化和基礎(chǔ)知識的關(guān)系
3. 基礎(chǔ)技術(shù)能力
這里學習這些知識是為了后面更好的發(fā)展，打好基礎(chǔ)是關(guān)鍵。
3.1 基礎(chǔ)知識
3.1.1 html
語義化 html元素 文檔元數(shù)據(jù)
3.1.2 DOM
節(jié)點 html屬性和dom屬性的不同 屬性 訪問 事件
3.1.3 javascript
js數(shù)據(jù)類型 &包裝對象 內(nèi)置對象 字符串方法 數(shù)組方法 對象方法 運算符操作 原型 繼承 作用域鏈 執(zhí)行上下文 閉包 this 立即執(zhí)行函數(shù)表達式 call / apply / bind new 深淺拷貝 event loop 正則 事件 ajax 文件同步異步加載 ES6+ 事件 ajax 文件同步異步加載 ES6+
3.1.4 css
css引入 選擇器 選擇器優(yōu)先級 繼承 值和單位 文本屬性 盒子模型 視覺格式化模型 VFM BFC & IFC position float flex 布局 層疊上下文 less / scss
3.1.5 http
http請求過程及http狀態(tài)碼 session / cookie / localStorage / sessionStorage get / post / restful 規(guī)范 http協(xié)議 / OSI七層模型 / TCP-IP五層模型 DNS 分析 TCP分析 / 三次握手 / 四次揮手 Header
3.2 應用層
3.2.1 node
這里不多贅述了，這個不太熟悉
3.2.2 webpack
入門了解 &核心概念 配置 實戰(zhàn)方面 優(yōu)化 原理
3.2.3 微信公眾號
公眾號開發(fā)流程 / 部署流程 授權(quán) 支付掃碼 推送場景
3.2.4 微信小程序
開發(fā)環(huán)境搭建 文件組成 / 聲明周期 / 全局變量 / 公共設(shè)置 / 導航欄處理 組件使用 小程序在android和iphone上的不同 部署發(fā)布
3.2.5 Typescript
TypeScript是什么 TypeScript和javascript的區(qū)別是什么 TypeScript 功能拆分 如何開始使用TypeScript TypeScript和webpack的關(guān)系 TypeScript和react的關(guān)系 TypeScript和Eslint的關(guān)系
3.2.6 環(huán)境部署
nginx docker部署 nginx環(huán)境 客戶端渲染打包部署 服務端渲染打包部署 docker + nginx + cicd 環(huán)境部署
3.3 框架
框架具體還是看用的是什么，這里主要說react。
react
初步了解 &上手開發(fā)demo 核心概念 高級指引 API 使用 react hooks redux react-router 場景應用 源碼學習 & 了解
3.4 高級應用
3.4.1 數(shù)據(jù)結(jié)構(gòu)
數(shù)組 棧 隊列 鏈表 圖 樹 堆 散列表
3.4.2 設(shè)計模式
設(shè)計原則 常見設(shè)計模式 設(shè)計模式運用
4. 為什么強調(diào)軟能力提升？
軟能力我認為是一個人能達到多高的頂點的很重要的一個因素。舉個簡單的例子，學習能力就是軟能力，是我們獲得知識的方式。
4.1 邏輯分析能力
因為軟能力很重要，舉一個之前說過的例子：邏輯分析能力的重要性。
百度百科 邏輯思維能力是指正確、合理思考的能力。即對事物進行觀察、比較、分析、綜合、抽象、概括、判斷、推理的能力，采用科學的邏輯方法，準確而有條理地表達自己思維過程的能力。
邏輯能力不僅僅是用來解決開發(fā)當中的問題，可以用到很多東西上面。以之前寫的文章作為例子結(jié)構(gòu)化思維-MECE分析方法。在項目當中，分析業(yè)務需求，思考代碼邏輯，解決問題能力提升都和邏輯分析能力密不可分。并且可以在日常工作中去提升邏輯分析能力。而且邏輯分析能力的建立，是一種方法論的東西。
4.2 工作當中可以并且需要提高的能力
我們在工作中其實是可以培養(yǎng)很多的能力的。只是我們自己沒有在意這些，總是認為這些不重要。
每個人都想晉升，都想成為leader，或者大牛。假設(shè)畢業(yè)三年，五年想要達到中級，高級，或者項目負責人，或者部門負責人。
這里會有一個問題？能力到了沒？
當然可以說等到了位置在去磨練，也不是不行，那為什么不在現(xiàn)在的階段就去打好以后成為負責人的基礎(chǔ)呢。我們再把上面的圖拿下來看一下：
我最近有兩個畢業(yè)一兩年的同學主動找我溝通了一下。問題主要是方向問題。
我給與的答案是：不要認為現(xiàn)在的工作沒啥意思，感覺學不到東西，其實是你們沒有意識到而已。
舉個簡單例子：對于日常工作，是不是可以對于業(yè)務流程去畫流程圖分析，鍛煉自己的邏輯梳理能力，慢慢鍛煉出來，后面會有邏輯分析能力，再往后結(jié)構(gòu)化分析問題，這不僅是對日常任務，對于問題解決，還是掌握新的技術(shù)，都可以用這個方法處理。
而且過程當中，溝通能力，協(xié)作能力，業(yè)務能力，技術(shù)能力，規(guī)劃能力都可以鍛煉。
從工作中持續(xù)提高自己各方面的不足。等到了時間自動會達到對應的等級。如果現(xiàn)在不注意，總有一天是需要還債的。
要認識一個道理，能力到了，我們才會到了對應的等級。
5. 基礎(chǔ)的軟能力
邏輯分析能力 -> 規(guī)劃能力 溝通能力 協(xié)作能力 業(yè)務能力 框架能力 心態(tài)能力
6. 延伸的軟能力
判斷能力：基于技術(shù)能力，業(yè)務能力和規(guī)劃能力 架構(gòu)能力：也是基于技術(shù)能力和業(yè)務能力 心態(tài)能力：這個很重要，在于如何處理面臨問題，如何自己釋放壓力，調(diào)整情緒
7. 寫在最后【毒雞湯】
持續(xù)學習：學習的重要性【畢業(yè)不到一年的前端開發(fā)同學的焦慮】 工作中提升 明確自己的方向
這個過程當中很多需要自己主觀上的改變，過程會有一點辛苦，在這里毛遂自薦一下自己的對于工作和學習上的困難的理解。
今天遇到的困難越多，不代表明天沒有困難，而是明天遇到的困難，就會是后天或者更加往后遇到的困難
這句話可能稍顯前方的路有點艱難，我總是把現(xiàn)在遇到的困難當成鍛煉自己的機會，勇于嘗試，就算現(xiàn)在失敗了， 以后在遇到的時候，我就多了失敗的資本，肯定會比現(xiàn)在更好的處理遇到的困難。