前端2018年前沿技术概览

2017年就要过去了，这一年内除了三大框架蓬勃发展，前端其他领域的技术也都在众多专注于前端开发的开发者的一起努力下不断进步，下面我就总结一下，2017年兴起，2018年可能会成为潮流的一部分前端技术。
本文只是一个概览，我们来看看这个技术主要是干什么的，解决什么问题，当然这篇文章还有一个重要目的是，让你了解这些名词，下次在面试和装X的时候有迹可循。

一个被吹得云里雾里的技术，谷歌强推的前端解决方案。其实它本身并不是一种技术，而是一种前端页面的实现方案，即页面可以被添加到主屏，页面可以离线访问，页面可以实现推送和通知，等等。至于那些形容词：可靠、快速、Engaging、安全，其实就是针对这种解决方案而言，不是一种具体的技术实现方式。
具体实现用到了一堆技术方案，其中关键技术包括Web App Manifest，Service Worker，Push Notification等。

参考：更多内容PWA

Facebook主推的GraphQL并不算一个新技术，但是如今的趋势是可能慢慢取代Restful的查询模式。

一种可以取代Restful api的数据查询方式，其中一大优点是可以准确查询，精准描述，以及其他一大堆好处，参见参考：

1. 官网
2. 介绍

说实话笔者看了一圈也没太弄明白这个技术，但是这个东西是当前苹果谷歌mozile等一干大厂商都在强推的东西。我的简单得理解就是，基于浏览器的一种二进制的字节码？使得浏览器在性能和安全方面都得到提升，毕竟js是赶工出来的。。。。直接看参考吧

关于wasm的讨论
官网

微软的TypeScript已经火了好几年了，它解决的还是js本身的问题，是js的一个超集，将js变成了一种强类型语言，让前端编程变得跟传统编程方式类似，比如Java。同时它也是开源的。
笔者之前所在的BAT，半年前就有人在研究TypeScript，并试图在项目中应用，所以对于习惯于传统编程，以及对js有诸多不满的开发者，TypeScript几乎是一个完(zhuang)美(bi)的选择。
目前诸多框架比如vue也都推出了TypeScript版本。
另外，TypeScript 与微软的IDE Visual Studio 结合的非常好，两个配合起来效果极佳。
预知详情请看参考：

官网
知乎讨论

不要再一提包管理工具就是npm了，2017年yarn迎头赶上，现在就连npm都要照着yarn来做了。

NPM 自从最初发布以来已经有了相当长的一段时间，但它仍然缺少一些关键特性，而这正是 Yarn 希望补充的。Yarn 的主要贡献是包缓存，一个确保确定性构建的锁文件，并行操作以及依赖关系。这些功能非常成功，以致于 NPM 在其 5.0 版本中实现了它们。Yarn 下载量超过 10 亿次（目前每月下载量达到了 125 万次）并拥有惊人的 29000 多个 GitHub stars。即使你没在使用 Yarn，JavaScript 的包管理整体上由于 Yarn 的发布也得到了显著地提升
作者：hijiangtao
链接：https://www.zhihu.com/question/264551320/answer/282896101
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Yarn官网

模块化工具也有后来者，webpack也并非永远一成不变。

Parcel 作为一个有趣的项目，在短短十天内便在 GitHub 上获得了 10000 个 star。 它主要通过利用多个 CPU 内核和一个高效的文件系统缓存来实现。 它还基于抽象语法树进行操作，而不像 Webpack 使用字符串。
除此外，Rollup 的发展也不容小觑。4月 React 团队从 Gulp 切换到了 Rollup 进行开发。除此外，Webpack 团队也推荐在某些方面使用 Rollup 而不是 Webpack。
作者：hijiangtao
链接：https://www.zhihu.com/question/264551320/answer/282896101
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

parcel官网
rollup官网

CSS预处理，Postcss越来越火爆，它可以做很多事情。

PostCss

本文只是技术概览，是2018年可能出现的技术名词的汇总，希望各位不要过度纠结技术细节，感兴趣的朋友们可以自己去钻研一下。