開發一個 IDE 很難么？這或許是件很難的事情，但當我們參考 VSCode 的技術構架來看，整個開發流程就會平滑順暢很多，從內核開發、代碼編輯器、視圖結構到插件系統，在這整個技術構架中我們可以看到很多一個 IDE 開發中需要注意的方方面面，如果你對 VSCode 深入研究過，相信可以從中頗受啟發，在此之前不妨先來看看本期推薦，
登高遠眺
天高地迥，覺宇宙之無窮
基礎技術
跟 VSCode 學習如何開發大型 IDE 專案
VSCode 是當下非常流行的微軟開源的代碼編輯器，它在滿足多樣性插件化生態的同時保證了軟體的健壯和性能，這得益于其優秀的插件化內核架構設計，本文作者是螞蟻金服云鳳蝶團隊成員，文中對 VSCode 的關鍵技術架構作了深刻的剖析和理解，包括內核分層隔離與擴展機制、依賴注入、命令系統、插件化架構等等，如果你正在打造一個可擴展的軟體系統，這篇解讀非常值得去學習參考，其實，VSCode 的優秀架構離不開其專注而克制的產品定位——“編輯器 + 代碼理解 + 除錯”，其他的內容交給社區生態來擴展，最完美的設計，往往是精簡到極致，而無法再做減法了，
前端進階：跟著開源專案學習插件化架構
微內核（插件化）架構被廣泛應用于軟體系統設計中，譬如 Vue 的插件機制 Vue.use(Plugin) 就是一個簡單的插件化設計，微內核架構既能滿足靈活擴展的特性，又不影響系統的穩定性，本文基于西瓜視頻播放器專案來闡述微內核架構的實踐應用，在播放器中，小到一個播放按鈕大到一項直播功能特性都可以理解為一個插件模塊，作者貼合簡練的代碼，講述了插件系統中插件管理、連接和通信的全程序，非常通俗易懂，
圖形編程
UI 互動動效合輯
這個合輯收集了近期較有創意的 UI 互動轉場動效，可以看到許多不同于尋常轉場互動的想法，比如波紋、圖形變形與轉場影片的結合，又比如利用弧形色塊的變化進行的轉場效果等等，目前已發布了8期內容，有網頁動效設計需求的設計或開發都可以瀏覽參考，同時感受一下優秀動效設計中的緩動曲線，
AR 體驗的“后浪”來了：ARCore Depth API 讓遮擋難題迎刃而解
針對 AR 開發場景中景深演算法的 Depth API 正式發布，有了這個 API，開發者在支持 ARCore 的 Android 設備上開發 AR 場景時可以更準確地處理虛擬物體與現實物體的遮擋關系，完全杜絕虛擬物體與透視關系不符的“貼圖”問題，使得虛擬物體沉浸效果更為真實，文中還有更多的應用場景，并提供了海量動圖演示，
桌面開發
Flutter 在桌面端的最新進展：支持打包 Windows 和 Linux 應用了
Flutter 的目標是支持盡可能多的平臺和設備，我們已經知道它可以很好地在 iOS 和 Android 設備上運行了，那么它對桌面端的支持情況如何呢？Tim Sneath，Flutter 產品經理，在最近的一篇博文中分享了他們最新的進展，聊到了他們支持了打包 Windows 和 Linux 應用了，如何呼叫不同桌面系統的原生組件，以及更新插件模型來方便開發者更容易地支持不同的平臺等作業，Tim Sneath 還分享了有開發者已經利用 Flutter 發布了最新的桌面端應用，你也可以跟隨本文，嘗試一下，看看 Flutter 桌面端能否滿足你的需求，
譯文：https://jelly.jd.com/article/5ef9e4ac7c53070156dd5b8a
服務端開發
Easy-Monitor3 開始你的Node.js內核性能監控之旅
Easy-Monitor3是一款基于 Node.js Addon實作的開源內核采樣以及收集工具，提供完整的Web UI支持(APM)，支持私有化部署，全平臺支持，可用于記憶體泄露分析，性能瓶頸分析，監控告警等，
工具推介
AutoCannon：一款http壓測工具
AutoCannon是一款使用node撰寫的壓測工具，能比wrk生成更多負載，市面上類似的產品很多，老牌的ab，帶有圖形界面的soap ui等，不過AutoCannon可以方便的進行命令列呼叫，甚至還能在代碼內呼叫，這對于寫壓測腳本來說就非常方便，另外它還能結合node clinic 一起使用，定位性能問題無往而不利，
滄海拾遺
滄海拾遺，積跬步以至千里
實作一個簡單但有趣的 AR 效果
看完 Depth API 這樣的 AR 后浪，不知道你有沒有心動呢？如果你也想快速上手 AR，不妨來試試這樣一個簡單的效果，讓你快速對 Web AR 有一個了解，這些基礎能幫助我們在 AR 這條路上走的更遠，
碰撞檢測 -- 源自生活的特效
Web 中有很多常見的 2D 碰撞檢測，掌握這些實用的小技巧，在特定需求的頁面中會有更為出色的體驗，你對這些方法熟悉么？還不了解的話可以進來試試看哦～「內含基于 Canvas 的運行實體、圖片說明」
「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還精選凹凸技術文章，向大家呈現團隊內的研究技術方向，
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里，
蒲公英 · JELLY技術周刊貢獻指南
歡迎關注凹凸實驗室博客：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/43715.html
標籤：JavaScript
下一篇：前端埋點