一句話講明白 WebAssembly、微前端等技術背後的核心

WebAssembly 是在瀏覽器端可執行的字節碼，主要解決的問題是性能。編輯器能把 C、C++、Go、TS 等語言編譯成 WebAssembly 並能在瀏覽器中運行。

使用場景通常就是對性能有很高要求的應用，另外也能夠把一些原本須要在後端完成的操做放到前端來作。好比視頻解碼、圖片處理等等。

咱們須要學他嘛？99.9% 的開發者都不須要去學習它，WebAssembly 更多的是讓本來寫 C++、Go 語言的這批人能在瀏覽器上幹些本來作不到的事情。

微前端借鑑了後端微服務的思想，核心就是把本來龐大的應用拆包，可以讓這些單獨的包獨立打包部署運行，能夠直接當作把一個應用拆成了一個個小的模塊。

微前端適合龐大且老舊的工程，協做人員不少。舉個例子，你有一個項目很老舊了，技術棧用的仍是 JQuery 或者 React 很老的版本。當下大家須要使用 React 16 去開發新功能的話，這時候重寫整個應用確定是不現實的。那麼此時你就能夠經過微前端去解決問題，在不影響不修改舊功能的同時又能使用新的技術棧去寫新功能。或者更極端一點，經過微前端大家團隊能夠在這個項目裏各自使用三大框架而不影響他人。

若是你的項目小，協做的人也很少，沒什麼必要去作微前端，瞭解一下它解決的問題就好了。

Serverless 也就是無服務架構，固然它不是真的不須要服務器了。服務器仍是須要的，只是如今服務器不須要我管了，只須要提供代碼邏輯就行了，它幫助開發者更聚焦在代碼層面而不是工程層面。

Serverless 中目前最多見的分類應該就是雲函數了（FaaS）。寫完代碼以及運行的條件而後往雲上一丟就行了，什麼部署啦、擴容啦、容災啦等等你啥都不用管，只管調用函數就行了。

那麼前端須要學習 Serverless 麼？你以爲你學這個有啥用？

腳手架的核心很簡單，就是幫你運行了 git clone xxx，固然這是它最簡單的一個實現。

在工程中使用的腳手架，通常都是爲了幫助開發者根據選項快速生成模板，並集成了一套開發及部署中經常使用的套件。

你若是想本身搞個腳手架其實也很方便。核心就是搞出幾套模板，好比說適用於 PC 端、手機端的，多頁單頁應用，JS 或者 TS 的。這樣一分你就能搞出不少套模板了，而後集成下 Webpack 配置、npm script 等等。最後用上命令行的開發庫，提供給用戶幾個選項，而後分別去這些模板的倉庫里拉代碼，over~

固然以上的作法不高級，更高級的作法還能動態修改模板，若是你想實現這樣的腳手架，推薦直接看三大框架的腳手架了。

雖然前端技術棧看着不少很雜，看着高大上其實就那樣，並且不少都沒啥必要學，瞭解一下這些技術解決了什麼問題，如何作的就夠了。

最後

以爲文章還行的讀者能夠點個贊，另外有任何問題也能夠評論區交流。

另外筆者的第二次公開課 1.12 晚上 8 點在 B 站直播，有興趣的能夠掃碼下放公衆號二維碼，發送「公開課」獲取直播詳情。

微信掃碼關注公衆號，訂閱更多精彩內容	加筆者微信羣聊技術