蒲公英 · JELLY技術週刊 Vol.13 跟 VSCode 學習如何開發大型 IDE 項目

開發一個 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 桌面端可否知足你的需求。 譯文：jelly.jd.com/article/5ef…

服務端開發

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），不定時推送文章：