蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

蒲公英 · 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技术周刊贡献指南

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章。