前端項目負責人最基礎的須要會哪些

這是我參與更文挑戰的第8天，活動詳情查看： 更文挑戰

寫在開頭

最近準備給團隊分享一下前端技術體系，明確提高的方向，順便說一下基礎能力範疇指哪些東西，分爲技術能力和軟能力。下面列的東西也有許多我本身不擅長的地方，可是仍是會列一下，也是目前本身能想到的技術體系結構。不妥不足的地方還望指正。

第二也是提出目前須要打好的基礎能力範疇。

技術能力圖

​

軟能力圖

具體可查看文章：前端項目負責人須要具備的能力

​

爲何強調基礎能力？

基礎能力是技術能力發展的基礎。舉幾個例子可能會比較清楚。

基礎知識和react的關係

基礎知識和算法的關係

性能優化和基礎知識的關係

​

基礎技術能力

這裏學習這些知識是爲了後面更好的發展，打好基礎是關鍵。


​

基礎知識

html

• 語義化
• html元素
• 文檔元數據

​

DOM

• 節點
  • html屬性和dom屬性的不一樣
• 屬性
• 訪問
• 事件

​

javascript

這裏把我在掘金上寫過的一些文章連接貼進來。

• js數據類型 &包裝對象 內置對象
  • 字符串方法
  • 數組方法
  • 對象方法
• 運算符操做
• 原型
• 繼承
• 做用域鏈
• 執行上下文
• 閉包
• this
• 當即執行函數表達式
• call / apply / bind
• new
• 深淺拷貝
• event loop
• 正則
• 事件
• ajax
• 文件同步異步加載
• ES6+

​

css

這裏把我在掘金上寫過的一些文章連接貼進來。

• css引入
• 選擇器
• 選擇器優先級
• 繼承
• 值和單位
• 文本屬性
• 盒子模型
• 視覺格式化模型 VFM
• BFC & IFC
• position
• float
• flex
• 佈局
• 層疊上下文
• less / scss

​

http

• http請求過程及http狀態碼
• session / cookie / localStorage / sessionStorage
• get / post / restful 規範
• http協議 / OSI七層模型 / TCP-IP五層模型
• DNS 分析
• TCP分析 / 三次握手 / 四次握手
• Header

​

應用層

node

這裏很少贅述了，這個不太擅長
​

webpack

• 入門瞭解 &核心概念
• 配置
• 實戰方面
• 優化
• 原理

​

微信公衆號

• 公衆號開發流程 / 部署流程
• 受權
• 支付掃
• 碼推送場景

​

微信小程序

• 開發環境搭建
• 文件組成 / 聲明週期 / 全局變量 / 公共設置 / 導航欄處理
• 組件使用
• 小程序在android和iphone上的不一樣
• 部署發佈

​

Typescript

• TypeScript是什麼
• TypeScript和javascript的區別是什麼
• TypeScript 功能拆分
• 如何開始使用TypeScript
• TypeScript和webpack的關係
• TypeScript和react的關係
• TypeScript和Eslint的關係

​

環境部署

• nginx
• docker部署
• nginx環境
• 客戶端渲染打包部署
• 服務端渲染打包部署
• docker + nginx + cicd 環境部署

​

框架

框架具體仍是看用的是什麼，這裏主要說react。

react

• 初步瞭解 &上手開發demo
• 核心概念
• 高級指引
• API 使用
• react hooks
• redux
• react-router
• 場景應用
• 源碼學習 & 瞭解

​

高級應用

數據結構

• 數組
• 棧
• 隊列
• 鏈表
• 圖
• 樹
• 堆
• 散列表

​

設計模式

• 設計原則
• 常見設計模式
• 設計模式運用

​

爲何強調軟能力提高？

軟能力我認爲是一我的能達到多高的層次的很重要的一個因素。舉個簡單的例子，學習能力就是軟能力，是咱們得到知識的方式。

邏輯分析能力

由於軟能力很重要，舉一個以前說過的例子：邏輯分析能力的重要性。

百度百科 邏輯思惟能力是指正確、合理思考的能力。即對事物進行觀察、比較、分析、綜合、抽象、歸納、判斷、推理的能力，採用科學的邏輯方法，準確而有條理地表達本身思惟過程的能力。

邏輯能力不只僅是用來解決開發當中的問題，能夠用到不少東西上面。以以前寫的文章做爲例子結構化思惟-MECE分析方法。

在項目當中，分析業務需求，思考代碼邏輯，解決問題能力提高都和邏輯分析能力密不可分。而且能夠在平常工做中去提高邏輯分析能力。並且邏輯分析能力的創建，是一種方法論的東西。

​

工做當中能夠而且須要提升的能力

咱們在工做中實際上是能夠培養不少的能力的。只是咱們本身沒有在乎這些，老是認爲這些不重要。

每一個人都想晉升，都想成爲leader，或者大牛。假設畢業三年，五年想要達到中級，高級，或者項目負責人，或者部門負責人。這裏會有一個問題？能力到了沒？ 固然能夠說等到了位置在去磨練，也不是不行，那爲何不在如今的階段就去打好之後成爲負責人的基礎呢。咱們再把上面的圖拿下來看一下：

我最近有兩個畢業一兩年的同窗主動找我溝通了一下。問題主要是方向問題。

我給與的答案是：不要認爲如今的工做沒啥意思，感受學不到東西，實際上是大家沒有意識到而已。

舉個簡單例子：
對於平常工做，是否是能夠對於業務流程去畫流程圖分析，鍛鍊本身的邏輯梳理能力，慢慢鍛煉出來，後面會有邏輯分析能力，再日後結構化分析問題，這不只是對平常任務，對於問題解決，仍是掌握新的技術，均可以用這個方法處理。

並且過程中，溝通能力，協做能力，業務能力，技術能力，規劃能力均可以鍛鍊。

從工做中持續提升本身各方面的不足。等到了時間自動會達到對應的等級。若是如今不注意，總有一天是須要還債的。

要認識一個道理，能力到了，咱們纔會到了對應的等級。

基礎的軟能力

• 邏輯分析能力 -> 規劃能力
• 溝通能力
• 協做能力
• 業務能力
• 框架能力
• 心態能力

判斷能力：基於技術能力，業務能力和規劃能力
架構能力：也是基於技術能力和業務能力
心態能力：這個很重要，在於如何處理面臨問題，如何本身釋放壓力，調整情緒

寫在最後【毒雞湯】

• 持續學習：學習的重要性
• 工做中提高
• 明確本身的方向

這個過程中不少須要本身主觀上的改變，過程會有一點辛苦，在這裏毛遂自薦一下本身的對於工做和學習上的困難的理解。

今天遇到的困難越多，不表明明天沒有困難，而是明天遇到的困難，就會是後天或者更加日後遇到的困難

這句話可能稍顯前方的路有點艱難，我老是把如今遇到的困難當成鍛鍊本身的機會，敢於嘗試，就算如今失敗了， 之後在遇到的時候，我就多了失敗的資本，確定會比如今更好的處理遇到的困難。

​