蒲公英 · JELLY技術週刊 Vol.19 從零開始的 Cloud IDE 開發
阿新 • • 發佈:2020-08-26
![HEADER](https://img2020.cnblogs.com/other/1992869/202008/1992869-20200826095037710-695141779.jpg)
# 蒲公英 · JELLY技術週刊 Vol.19
> 你是否也會有想法去開發一個自己的 IDE 卻苦於時間和精力不足,完成 Desktop IDE 卻又被 Cloud IDE 的概念追在身後難以入睡,這樣的兩套體系如何去相容呢?不妨先來了解一下 Eclipse 基金會推出 Theia 框架的架構設計和技術選型。
## 登高遠眺
> 天高地迥,覺宇宙之無窮
### 基礎技術
#### [[官宣] TypeScript 4.0 正式釋出](http://3.cn/-100no97u)
TypeScript 4.0 正式釋出啦!官方團隊在這一版本中加入瞭如可變引數元組型別、建構函式的類屬性推斷、短路分配運算子、自定義 JSX Factories 等多項激動人心的特性,同時官方站點也進行了重寫,看上去更加清爽。在 Stackoverflow 的開發者報告中,TypeScript 已經成為僅次於 Rust 的第二受歡迎語言,它的社群已經成熟完善,並在不斷髮展,擁有很多很棒的新資源可供學習,如果你之前沒有使用過 TypeScript,那麼現在正是上車的最佳時機。
#### [不用 Javascript!基於 CSS Space Toggle + HTML 打造一個掃雷遊戲](http://3.cn/100-noa5j)
Space Toggle 是 CSS 變數的一種 trick 用法。使用複選框作為資料來源,通過一定的 CSS 變數組合,Space Toggle 使 CSS 具備了基礎的邏輯控制能力。這個倉庫僅使用 CSS + HTML 實現一個掃雷遊戲,ReadME 文件中也介紹了 Space Toggle 的用法以及社群的討論。從倉庫中可以看到,除了掃雷遊戲,這個技巧還有其他用法。比如,有人打造了一個 7 段數碼管 Orz...。
#### [深入解析 CSS 樣式表中 line-height 和 vertical-align 對渲染結果的含義](http://3.cn/1-00noaPm)
你真的瞭解那些的 css 樣式麼?很多屬性的工作原理看似簡單,在渲染元素時卻隱藏了很多頁面渲染的小祕密。其中就包括了本文介紹的字元在渲染結果中所佔區域的決定因素,文中對多字元組合的行的高度,和字元在行中的垂直方向對齊作了深入解析,如果你專注於這個方向,相信這是在能力提升中必不可少的一課。
### 桌面開發
#### [多語言 Cloud & Desktop IDE 的架構設計](http://3.cn/100no-bKW)
Eclipse Theia 是一個可以利用最先進的 Web 技術開發多語言的 Cloud & Desktop IDE 的可擴充套件的平臺。使用 Theia,你可以從原始碼開始開發一個 IDE,然後在瀏覽器或者以本地桌面應用程式的方式執行。如今 Cloud IDE 的概念大行其道,想了解業內先驅 Theia 的架構設計和技術選型嗎?來看看官方的架構設計文件吧。
### 圖形程式設計
#### [基於虛幻 4 引擎打造的國產遊戲《黑神話: 悟空》刷爆全網](http://3.cn/10-0noazr)
最近, 使用虛幻 4 遊戲引擎打造的國產遊戲《黑神話: 悟空》的遊戲試玩視訊刷爆全網, 甚至在 YouTube 也是反響熱烈, 遊戲從畫質、特效、動畫等多方面都屬於高水準, 網友看得熱血澎湃, 驚歎: 這將是第一款國產3A大作!
### 工具推介
#### [react-spring,一個API更全面的物理引擎驅動曲線的動畫框架](http://3.cn/10-0nobKV)
一個使用物理引擎(彈簧/緩震器)計算動畫曲線的動畫框架。比起react-motion,提供了更多的動畫曲線配置項;在使用上,支援hooks和元件的方式呼叫,方便驅動不同的渲染方式。
## 滄海拾遺
> 滄海拾遺,積跬步以至千里
#### [十分鐘打造 3D 物理世界](http://3.cn/100n-oaka)
最近小助手的朋友圈被《黑神話:悟空》刷屏了,不知道你們有沒有看他們的宣傳片呢?各個方面品質都很超預期,也期待這款遊戲可以儘快問世。同樣對於 H5 小遊戲來說,也是需要時間和開發者們在不斷的去打磨細節才可以有更高的品質給到玩家或是使用者,選擇 3D 引擎打造一個擬真的物理世界就更是如此,而本文提供了一個快速上手的教程,詳細講解了開發 3D 專案中會遇到的問題以及各種工具和解決方案,快來開啟“新世界”的征程吧!
#### [什麼時候網頁會使用 GPU 加速](http://3.cn/100no-bwA)
總所周知,GPU 作為專門在 PC、工作站、遊戲機等各種裝置上執行繪圖運算工作的微處理器,在圖形處理上有著無可比擬的優勢,那麼如果你寫一個網頁,在什麼時候會使用 GPU 完成頁面渲染,提供更加絲滑的體驗呢?本文為你一一揭曉。
> 「蒲公英」期刊,每週更新,我們專注於挖掘「**基礎技術**、**工程化**、**跨端框架技術**、**圖形程式設計**、**服務端開發**、**桌面開發**、**人工智慧**、**設計哲學**、**前端框架**」等多個大方向的業界熱點,並加以專業的解讀;不僅如此,我們還會推介精選凹凸技術文章,向大家呈現團隊內的研究技術方向。
>
> 抬頭仰望,蒲公英的種子會生根發芽,如夏花絢爛;格物致知,我們登高遠眺、滄海拾遺,以求積矽步而至千里。
>
> [蒲公英 · JELLY技術週刊貢獻指南](http://3.cn/12dbZQ-x)
![FOOTER](https://img2020.cnblogs.com/other/1992869/202008/1992869-20200826095038033-921453524.jpg)
-------
歡迎關注凹凸實驗室部落格:[aotu.io](https://aotu.io/)
或者關注凹凸實驗室公眾號(AOTULabs),不定時推送文章:
![歡迎關注凹凸實驗室公眾號](https://img2020.cnblogs.com/other/1992869/202008/1992869-20200826095038631-667888