蒲公英 · 積跬步以致千里

「蒲公英」期刊全新升級，更新頻率由每個月一次調整爲 每週一次。

全新的期刊，不只精選優質的凹凸文章，與此同時，咱們從團隊專一的研究方向出發，每期挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能」7大方向的業界熱點，並加以專業的解讀。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，咱們登高遠眺、滄海拾遺，以求積硅步而至千里。

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

JavaScript 平行化使用 Web Worker、SharedArrayBuffer、Atomics

Web Worker 讓網頁具有了多線程運行的能力。但 Worker 之間是相互獨立的，內存空間彼此獨立。雖然能夠經過 IPC 方式進行通訊，但在載荷較大的狀況下就不太現實。咱們就須要用到共享內存 SharedArrayBuffer。這篇文章介紹了 Web Worker、SharedArrayBuffer 等概念，並教咱們如何使用 Atomics 避免資源競爭。

ant-design-blazor

Blazor 的 Ant Design 版本，想法很好，但目前還沒到時候。WebAssembly 目前尚未操做 DOM 的接口，使用 WebAssembly 操做 UI 既沒有性能優點也沒有體積優點。Blazor 自己做爲只支持 Web 的 UI 框架也略微受限，Qt 和 iced 均可以既使用 WebAssembly 開發 Web，同時生成接近原生性能的桌面端應用。

工程化

《模塊化系列》snowpack，提升10倍打包速度

前端領域出現過很多模塊化規範，CommonJS、CMD、AMD、UMD 等等層出不窮。因爲瀏覽器沒法直接支持這些模塊，咱們還須要 Browserify、webpack 等工具進行打包。現在，一款新的工具出現了。它宣稱能讓開發者使用更少的工具，並得到 10 倍的速度提高。這就是 snowpack。

Webpack 5 Module Federation: A game-changer in JavaScript architecture

Webpack 是現代前端開發中必不可少的基礎工具，已經深刻咱們工做的方方面面。可是一直以來多個應用之間如何進行共享始終沒有一個很是優雅的方式進行解決，咱們嘗試過公共代碼發佈到 NPM 等方式，到效果仍是不盡如人意。在這篇文章中咱們將瞭解到 Webpack 5 的新特性「模塊聯邦」，看看 Webpack 5 是如何幫咱們優雅地解決這個問題的。

設計哲學

設計模式在外賣營銷業務中的實踐

使用設計模式可以幫助咱們編寫出可重用的代碼，提升軟件的可維護性。做者從營銷業務出發，介紹了領域模型到代碼工程之間的轉化，從DDD引出設計模式，詳細介紹了工廠方法模式、策略模式、責任鏈模式以及狀態模式這四種模式在營銷業務中的具體實現。

圖形編程

A Primer on Bézier Curves

圖形數字化中最多見的函數——貝塞爾曲線函數，全部接觸過計算機圖形繪製、動效開發的人必定都不陌生。這本電子書從44個方面對貝塞爾曲線繪製算法進行了詳細的拆解，內容極其硬核，適合對數學與圖形學有興趣的開發同窗仔細閱讀。

從阿凡達到圖靈獎，皮克斯元老的動畫夢

計算機領域最高榮譽——圖靈獎，2019年頒給了兩位與計算機圖形學發展息息相關的人，Patrick Hanrahan 和 Edwin Catmull。做爲皮克斯的創始成員，二人在影視、CG 界帶來的革命，即便是不知道他們名字的人，也必定看過他們在 3D 創新技術影響下產出的影視做品。你們能夠經過這篇文章來了解好萊塢大片背後的這兩個男人。

服務端開發

從 Java 到 TS，阿里媽媽的接口管理一把梭

阿里提出的一套接口自動化制定規則，經過 Rap （接口管理後臺）來制定接口規範以及接口文檔，而後使用本身封裝的請求工具來生成請求函數和 TypeScript 定義，配合 vscode 強大的類型提示極大地提升了開發體驗和開發效率，最重要的是不一樣開發端同窗的都能很好地理解並運用，下降了接口溝通的成本。

When to Use What: REST, GraphQL, Webhooks & gRPC

REST，GraphQL，Webhooks，gRPC 四類接口設計方案各自應用的場景的比較，較爲全面地分析了目前的幾種接口設計方案的使用場景，在特定的使用場景下正確使用更好的接口設計方案對團隊總體協做效率有着比較大的提高。

桌面開發

neutralinojs

和 Electron 同樣基於 Web 技術的桌面端跨平臺解決方案，應用體積比 Electron 小近 100 倍，內存佔用少 5 倍。但因爲使用是操做系統內置的 WebView，且沒有 Node.js 運行時，沒法無縫接入 NPM 生態，操做系統控件的 API 也暫時沒有，若是是小型應用能夠考慮使用它開發。

人工智能

Dive into deep learning

該書是 《Dive Into Deep Learning》的中文版，基於 Apache MXNet 框架，全面介紹深度學習從模型構造到模型訓練的方方面面，以及它們在計算機視覺和天然語言處理中的應用，還提供完整的學習代碼和與訓練數據。一書在手，Deep Learning 我有！

Working with the Python Interactive window

終於能夠在 VS Code 中使用 jupyter 了。對前端童鞋， 機器學習愛好者，VS Code 重度用戶來講實在是個再好不過的消息！各類插件用起來！

滄海拾遺

滄海拾遺，積跬步以致千里

MongoDB Schema 設計

當前技術分界線日益模糊，許多前端同窗也免不了接觸到 MongoDB 開發和 Schema 設計，本文翻譯自 MongoDB 優質博客：6 Rules of Thumb for MongoDB Schema Design，爲你提供全面的 MongoDB Schema 設計原則指導。查看文章

Mongoose Modified

Mongoose-modified-at 是一款自動更新字段變化時間並記錄到數據庫中的 Mongoose 插件，相似 Mongoose 自帶的 timestamps 功能。 查看文章

---

往期回顧

---

更多前沿技術，歡迎你們繼續關注凹凸實驗室公衆號，小助手一直在這裏等你來撩哦～

歡迎關注凹凸實驗室博客：aotu.io

或者關注凹凸實驗室公衆號（AOTULabs），不定時推送文章：