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