新一期的技术雷达有点出乎意料，使用new标签的框架、工具、技术、语言等等超过了一半——Vue.js、ES2017上榜，Three.js凭着VR的火又上榜了，还有熟悉的Electron，以及微前端的概念。

　　让我们先看看一些技术亮点。

　　前端在可见的未来

　　在那篇《》的文章里，我们看到了Java在各个领域的应用。在这一期里，仍然有很多亮点（new）：

　　Vue.js，如果你在使用Vue.js，那么你应该更加自信了，现在它已经被列入评估期。Vue.js是一个简单易上手的框架，并且相当的轻量，在最近的这段时间里，它发挥的相当的出色。

　　可惜，笔者现在在用Angular.js 和 Angular 2，毕竟我现在的所做的事情是开发混合应用。不过相信在半年后，Angular 2 和 Ionic 2是会上榜的。

　　Ember.js，我现在对这个框架还缺乏深入的了解，而且还没有证据表明它会在国内火起来。

　　ECMA 2017，尽管我现在已经倾向于使用Type，不过ES2017还是会用到的，只是我觉得Babel对我来说就是个坑。

　　Electron，我在很多场合中都使用过这个框架，从NodeWebkit开始写编辑器，再到用Electron完成Growth 1.0的桌面版。

　　Physical Web，现在我们可以通过蓝牙低功耗技术在浏览器上控制真实世界。

　　不过与此相比，我更看好 Progressive Web App，毕竟他可以让Web应用接触到更多的底层API，而不是局限于蓝牙，还可以是Push Notification等等。

　　Three.js，它上榜的原因是WebVR的流行。这一点可以从我去年写的那篇《Oculus + Node.js + Three.js 打造VR世界》中可以看到一些趋势。这些就和现在的单页面应用一样，虽然运行起来不是那么流畅，但还是行得通。因而在可见的未来使用Web技术来开发VR也有一点苗头，未来浏览器上应该是可以运行编译过后的代码，而不是在运行时。

　　WebRTC，它可以让我们在浏览器端实现实时视频聊天。第一次接触到这个视频流技术是在两年多以前，上一次接触则是在半年多以前使用WebRTC + Oculus，你可以在我博客的那篇《》中了解到更多的详细信息。当然如雷达所说，WebRTC将会形成未来在Web上进行AR/VR协作的基础。

　　接着再让我们看看一些架构上的变化吧。

　　前端引起的架构变化

　　在过去的两三年里，前端火得一塌糊涂——对于后端程序员来说，这有点winter is coming 的感觉。我在那篇《》对前端的演进做了相当多的介绍，并在《》里对”后台即服务”开了个头，在这篇文章里让我们根据《技术雷达》来继续补几刀。

　　我们可以看到，很多中大型团队已经分解为前端和后台两个小组，沟通可以通过接口、契约等方式来进行。但是这一点儿也不精益，沟通在这时仍然是一个问题，让我有点怀念起之前前、后端都做的项目了——自己可以创建自己想要的接口。

　　不过，这意味着前端和后台在技术选型上更加独立了。

　　臃肿的前端——微前端

　　在上一个项目里，我们一步步地将一个有近10年历史的系统替换掉。起初这是一个传统的Spring + JSP网站，然后我们用JSP创建了JSON API，后来创建了一个新的API来服务移动应用和单页面应用，再后来这个API被拆分成了几个API。我们的后台已经从一个单体应用变成了一个微服务架构的应用，但是这一点并没有在前端上应用——前端应用正在变得难以维护。

　　因此在这一期的雷达里，你可以看到微前端的概念（micro frontends）。这也是在上一个项目里，我们尝试做的一部分，遗憾的是并没有完全成功实施。这是一个搜索类型的网站，网站的首页承担着大部分的访问量，而详情页的主要流量来源则是搜索引擎。我们在首页上使用jQuery + Require.js技术栈，而在其他页面（搜索结果页 + 详情页）使用 React.js，我们在最初的时候考虑过将详情页静态化——因为需要SEO的缘故，这样可以让我们降低SEO带来的复杂度。

　　后来，我也在我的博客上解耦了两部分，为了更快的访问首页——将首页独立出来，不使用JS，直接使用Pure.css来担重任；在其他页面里使用Material Design Lite作为UI部分。