《從前端到全棧》第一期:JS 中的二進制與流數據 【1/4】

本期研究什麼?

脫離了 jQuery,前端進入工程化的時代,技術體系變得空前龐大與不可或缺,本期 Chat 從全棧的視角剖析 JS 前後端的二進制與流數據的處理問題。

爲什麼要研究它?

不誇張的說二進制數據和流數據一直是前端頭疼的問題,傳統的前端處理數據幾乎是文本形式,WebGL 規範面世後,前端擁有了高性能處理圖像的能力, 數據處理方式不能再用低效的文本,而是面向底層的二進制數據,於是相關的規範應運而生。隨着 Web 中各種新特性的加入,如 WebRTC 實時音視頻通信、WebSocket 全雙工通信、流媒體直播技術等等,掌握二進制以及流數據的處理已經變成前端乃至全棧必備技術儲備,諸如此類,總結起來有如下幾方面:

  1. 前端處理複雜二進制數據的場景越來越廣泛。如 Canvas 圖像處理、WebGL 2D/3D 圖形渲染、大文件數據傳輸(支持斷點續傳)、流數據傳輸、P2P 大文件傳輸、WebRTC 音視頻通信等,所以別說你不需要,除非你想被後浪推。
  2. 互聯網上關於此類技術的研究資料比較零散,且不成體系、 查閱成本高。
  3. 5G 基建的商業化帶來新的機會,二進制、流數據是IT從業者最基本的技術儲備。
  4. 有了框架忘了“本”。前端框架確實好用,如 Vue、React。但也暴露一個基本的問題——不重視核心技術的修煉。我面試過很多人,大部分的所謂的前端或者全棧工程師離開了框架就抓瞎。

因此,《從前端到全棧》這個欄目如果能爲你的技術進階之路提供一點幫助的話,我將不勝榮幸。

本期 Chat 內容安排。話題一共分爲 4 篇文章,所有文章近 5 萬字。第一篇、深入淺出 JS 二進制數據 1/4(預計 1.3 萬字):

  1. 從編碼講起,從 ASCII 到 UTF-8
  2. 從本地文件加載說起:File、Blob
  3. 從 Array 到 ArrayBuffer
  4. TypeArray 與 Dataview
  5. Node.js 後端 Buffer
  6. 打通前後端二進制數據傳輸
  7. 總結
  8. 下篇預告

適合人羣:前端工程師、全棧工程師

閱讀全文: http://gitbook.cn/gitchat/activity/5ed77472aceaaa4ba604d854

您還可以下載 CSDN 旗下精品原創內容社區 GitChat App ,閱讀更多 GitChat 專享技術內容哦。

FtooAtPSkEJwnW-9xkCLqSTRpBKX

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章