从 2017年 3 月期的『技术雷达』看 2017 年的前端趋势

回到家里，我就收到订阅的 ThoughtWorks 技术雷达邮件：《2017年最新版技术雷达发布》，过了一下简介：

ThoughtWorks技术雷达来源自ThoughtWorks和一些世界领先公司在合作中所获得的洞见。 我们对技术的看法 - 从你今天应该采纳什么，到你应该考虑逐步淘汰什么。

在这一卷雷达中，我们推出以下五个主题：

• 会话式用户界面（Conversational UI）和自然语言处理
• 智能即服务
• 开发者体验成为新的差异化竞争优势
• 平台的崛起
• 盛行的 Python

再看了看里面的内容，发现新的技术趋势已经和我们所见的不相上下。考虑到公众号的读者里，有相当多的是前端程序员，那么先让我们看看前端的一些趋势吧。

前端趋势

过了一眼新的技术雷达，发现这个雷达上居然没有『微信小程序』——看来中国的技术影响力有待增强。除了，可能在下期上榜的微信小程序，我们还看到了很多熟悉的面孔。

PWA

PWA 是 Google 在 Google I/O 2016 大会上强调的移动 Web 应用程序方向，我们可以翻译为“渐进式应用”。它结合了 Web 和原生应用程序的优势，提供了更好的用户体验。如我在《2016 年移动 Web 的发展，2017 年的前端又会怎样？》文章所介绍的那样，考虑到受限于国内的 Android 手机的浏览器 WebView，我们建议面向程序员的应用可以直接上手，如我的《Growth 技能树 PWA 版》。

Angular 2

几天前 Angular 已经升级到了 Angular 4.0，前端世界的 Release 只的是一个比一个疯狂。如我在《我的职业是前端工程师【四】：如何选择合适的前端框架，告别选择恐惧症》中所说：

尽管迟来的 Angular 2 则受奥斯本效应的影响，但是它仍然值得期待的。

在这个框架里，它提供了我们所需要的各种功能，如模块管理、双向绑定等等。它涵盖了开发中的各个层面，并且层与层之间都经过了精心调适。对了，使用 aot 编译后的 Angular 2 代码似乎已经比 Vue.js 的项目更少了，并且在某些方面性能也比大部分的框架快。

Yarn

Yarn 是 Facebook 开源的新版本包管理工具，它真的如他说它比npm 更快，更可靠，更安全。至少它的离线安装在本地是非常有用的：如果某个包曾经被下载过，则跳过此次的下载操作，直接使用本地缓存。与此同时，生成的 yarn.lock 文件如 Ruby 中的 Gemfile.lock 一样，可以记录Application中的依赖包，并详细记录了依赖包的版本。

PostCSS

PostCSS 不仅仅是一个简单的 CSS 预编译器，它丰富的插件生态圈提供了一个更广泛的功能。如语法检查 stylelint 插件、交叉编译 sugarss 插件)、命名改编以避免选择器冲突( modules 插 件 )、模板 CSS 代码生成( autoprefixer 插件 )。

Nightwatch

我们的上一个项目中尝试了使用 Nightwatch 作为测试框架，它是一个基于 Selenium 与 Node.js 的 UI 自动化测试框架。考虑到国内项目对于测试的使用程度，这里就不展开详细的介绍了。我相应对于那些使用 Python + Selenium 来写爬虫的用户来说，又有了一个新的选择。

UI 交互

在新的技术雷达里，提到了使用 INVISION 和 SKETCH 进行原型设计的技艺。可交互的原型成为了一个更好的选择。作为一个觉得 UX License 贵的国内程序员，我更看好目前免费的 Adobe 家的 UX 工具 Experience Design（官方缩写XD），可以为 UX 设计师快速创建出用于移动设备的网站或者应用程序。

这次我们只介绍新增的内容，可以参考上一期的文章：《从2016年11月期《技术雷达》看前端的未来》

明天，我将为我们介绍物联网的趋势——如果我有时间的话，啊哈哈。