高階前端知識架構

E空想發表於2021-02-18

最近這段時間梳理了高階前端知識架構,釋出在GitHub上,歡迎star 

https://github.com/liuyongliang/Advanced-Frontend

 

非同步

非同步程式設計

  • 《深入理解 JavaScript 非同步系列》

    • JS 是單執行緒的語言。執行的js ,可能會有大量的網路請求,而一個網路資源啥時候返回,這個時間是不可預估的。這種情況會出現等待卡頓。JS 對於這種場景就設計了非同步 ———— 即,發起一個網路請求,就先不管這邊了,先幹其他事兒,網路請求啥時候返回結果,到時候再說。這樣就能保證一個網頁的流程執行
  • 《javascript 非同步程式設計的5種方式》

async/await

Promise

伺服器端渲染SSR

SSR指南

SSR框架

函數語言程式設計

函數語言程式設計

程式碼質量

程式碼規範

JavaScript

TypeScript

效能優化

除錯工具

H5優化

快取

壓縮

記憶體

渲染

資源載入

監控

異常捕獲

頁面效能監控

埋點

使用者行為

設計模式

概念

單體模式

  • 《JavaScript設計模式——單體模式》
    • 單體模式(Singleton Pattern)的思想在於保證一個特定類僅有一個例項,即不管使用這個類建立多少個新物件,都會得到與第一次建立的物件完全相同。

工廠模式

工程化

構建工具

webpack

腳手架

前端標準/實踐

前端標準

骨架屏

前端演算法

遞迴

冒泡

動態規劃

二分查詢

連結串列和陣列

瀏覽器

自動化

網路

OSI七層協議

DNS解析

協議

TCP

  • 《TCP詳解》
    • 概念
      • 面向連線、可靠的基於位元組流的傳輸協議。
      • 將應用層的的資料分割成報文段併傳送給目標節點的 TCP 層
      • 每個資料包都有相對應的序號,對方收到後就傳送 ACK 確認,未收到就重傳
      • 使用校驗和來檢測傳輸過程中是否出現錯誤
  • 《你管這破玩意兒叫TCP?》

UDP

測試

單元測試

自動化測試

  • 《前端自動化測試淺析》

  • 《前端自動化測試探索》

    • 測試是完善的研發體系中不可或缺的一環。前端同樣需要測試,你的css改動可能導致頁面錯位、js改動可能導致功能不正常。由於前端偏向GUI軟體的特殊性,儘管測試領域工具層出不窮,在前端的自動化測試上面卻實施並不廣泛,很多人依舊以手工測試為主

視覺化

d3

  • 《D3 原始碼解構》
    • D3是一個資料視覺化的javascript庫,相對於highchart和echarts專注圖表視覺化的庫,D3更適合做大資料處理的視覺化,它只提供基礎的視覺化功能,靈活而豐富的介面讓我們能開發出各式各樣的圖表。

three.js

NodeJS

原理

V8引擎

移動web開發

Hybrid

Flutter

安全

抓包/代理

監控技術

機器學習

TensorFlow

客戶端開發

electron

nw.js

chrome外掛

  • 《Chrome外掛開發指南》
    • Chrome外掛是一個用Web技術開發、用來增強瀏覽器功能的軟體。它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx字尾的壓縮包

原始碼分析

vue原始碼

react原始碼

TypeScript

JavaScript

專案管理

專案管理

前端發展趨勢

前端發展趨勢

面試

面試

社群/會議

社群/會議

相關文章