蒲公英 · JELLY技術周刊 Vol.19

你是否也會有想法去開發一個自己的 IDE 卻苦于時間和精力不足，完成 Desktop IDE 卻又被 Cloud IDE 的概念追在身後難以入睡，這樣的兩套體系如何去相容呢？不妨先來了解一下 Eclipse 基金會推出 Theia 架構的架構設計和技術選型。

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

[官宣] TypeScript 4.0 正式釋出

TypeScript 4.0 正式釋出啦！官方團隊在這一版本中加入了如可變參數元組類型、構造函數的類屬性推斷、短路配置設定運算符、自定義 JSX Factories 等多項激動人心的特性，同時官方站點也進行了重寫，看上去更加清爽。在 Stackoverflow 的開發者報告中，TypeScript 已經成為僅次于 Rust 的第二受歡迎語言，它的社群已經成熟完善，并在不斷發展，擁有很多很棒的新資源可供學習，如果你之前沒有使用過 TypeScript，那麼現在正是上車的最佳時機。

不用 Javascript！基于 CSS Space Toggle + HTML 打造一個掃雷遊戲

Space Toggle 是 CSS 變量的一種 trick 用法。使用複選框作為資料來源，通過一定的 CSS 變量組合，Space Toggle 使 CSS 具備了基礎的邏輯控制能力。這個倉庫僅使用 CSS + HTML 實作一個掃雷遊戲，ReadME 文檔中也介紹了 Space Toggle 的用法以及社群的讨論。從倉庫中可以看到，除了掃雷遊戲，這個技巧還有其他用法。比如，有人打造了一個 7 段數位管 Orz...。

深入解析 CSS 樣式表中 line-height 和 vertical-align 對渲染結果的含義

你真的了解那些的 css 樣式麼？很多屬性的工作原理看似簡單，在渲染元素時卻隐藏了很多頁面渲染的小秘密。其中就包括了本文介紹的字元在渲染結果中所占區域的決定因素，文中對多字元組合的行的高度，和字元在行中的垂直方向對齊作了深入解析，如果你專注于這個方向，相信這是在能力提升中必不可少的一課。

桌面開發

多語言 Cloud & Desktop IDE 的架構設計

Eclipse Theia 是一個可以利用最先進的 Web 技術開發多語言的 Cloud & Desktop IDE 的可擴充的平台。使用 Theia，你可以從源碼開始開發一個 IDE，然後在浏覽器或者以本地桌面應用程式的方式運作。如今 Cloud IDE 的概念大行其道，想了解業内先驅 Theia 的架構設計和技術選型嗎？來看看官方的架構設計文檔吧。

圖形程式設計

基于虛幻 4 引擎打造的國産遊戲《黑神話: 悟空》刷爆全網

最近, 使用虛幻 4 遊戲引擎打造的國産遊戲《黑神話: 悟空》的遊戲試玩視訊刷爆全網, 甚至在 YouTube 也是反響熱烈, 遊戲從畫質、特效、動畫等多方面都屬于高水準, 網友看得熱血澎湃, 驚歎: 這将是第一款國産3A大作！

工具推介

react-spring，一個API更全面的實體引擎驅動曲線的動畫架構

一個使用實體引擎（彈簧/緩震器）計算動畫曲線的動畫架構。比起react-motion，提供了更多的動畫曲線配置項；在使用上，支援hooks群組件的方式調用，友善驅動不同的渲染方式。

滄海拾遺

滄海拾遺，積跬步以至千裡

十分鐘打造 3D 實體世界

最近小助手的朋友圈被《黑神話：悟空》刷屏了，不知道你們有沒有看他們的宣傳片呢？各個方面品質都很超預期，也期待這款遊戲可以盡快問世。同樣對于 H5 小遊戲來說，也是需要時間和開發者們在不斷的去打磨細節才可以有更高的品質給到玩家或是使用者，選擇 3D 引擎打造一個拟真的實體世界就更是如此，而本文提供了一個快速上手的教程，詳細講解了開發 3D 項目中會遇到的問題以及各種工具和解決方案，快來開啟“新世界”的征程吧！

什麼時候網頁會使用 GPU 加速

總所周知，GPU 作為專門在 PC、工作站、遊戲機等各種裝置上運作繪圖運算工作的微處理器，在圖形處理上有着無可比拟的優勢，那麼如果你寫一個網頁，在什麼時候會使用 GPU 完成頁面渲染，提供更加絲滑的體驗呢？本文為你一一揭曉。

「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能、設計哲學、前端架構」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊内的研究技術方向。

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

蒲公英 · JELLY技術周刊貢獻指南