2018web前端开发值得关注的几个趋势

2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落？

1.PWA

PWA(Progressive Web Apps)由谷歌提出，用前沿的技术开发，让网页使用如同App般的体验的一系列方案。明确的一点就是：PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。

自从谷歌提出PWA后，就持续获得了业界的关注，热度可见一斑。就在今年，谷歌也宣布：PWA将获得与安卓原生应用同等的待遇与权限。这就意味着以后的网页和APP将越发将近，那么关注度将会进一步上升。

2.Type

Type由微软开发。它是Java的一个超集，自由和开源的编程语言。在这个语言中，添加了可选的静态类型和基于类的面向对象编程。

angular已经开始使用Type进行开发，react和vue也进一步加深对Type的支持。不难发现Type的火热程度！

3.parcel能给webpack带来多大的威胁

webpack大家都知道是Java模块打包工具，简单来说就是把各个模块就行分析，编译，打包等，使产出的文件可以在浏览器中运行。

在2017末就出现了一个黑马：parcel，出乎了大多数人的意料也算是2017的最大惊喜之一。说到parcel的最大优势，貌似就是webpack的最大劣势：配置和性能！parcel号称零配置，多核打包，并且使用文件缓存，在速度上比webpack快了将近10倍！

4.WebAssembly

由谷歌、微软、Mozilla、苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。2017年，chrome，火狐，IE，Safari四个浏览器统一通过了WebAssembly的方案，这是很少见的情况，我所了解的是第一次出现这样的统一情况，可见四个浏览器厂商对WebAssembly的重视。

5.react,angular,vue三驾马车

2017年，react发展迅猛，vue更是扮演框架黑马的角色，而angular虽然关注度不如以前，但是不容忽视。在2017的调查报告中，趋势基本上是react已经占据主流，不使用框架位居第二，angular1，angular2分列三四。

vue在2017年很火，但在2018年vue的潜力不容小觑。虽然超过react的可能性不是很大，但是位置依然会提升

无论如何，框架这个没有最好，只有最适合。三驾马车也没有说一定要全部都要会！如果js基础好，学习框架会比较容易上手。如果前端的不学js，直接上手框架，会很吃力，很容易懵。

6.人工智能和大数据

人工智能和大数据，不是一门技术，而是一个领域，也是一个流行的趋势，因此一些数据可视化的工具（echart，D3等）和人工智能的库都得以受到关注！

7.yarn VS npm

相信接触到前端工程化，模块化的开发者都不可避免地使用npm进行功能包的安装依赖。尤其是在node.js的初期，npm就是工程化的一个标配。但是2017年，npm的地位显然是受到了yarn的威胁！今年的调查结果，yarn还超越了npm。yarn的优势在于：快，安全，和一些感人细节！如果照着情况下去，差距会逐渐变大！

8.css in js依然备受争议？

前端领域，一向是推荐结构层(html)，表现层(css)，行为层(java)分离。但是在react出来之后，这个准则就貌似被推翻了！因为react的组件结构，要求把html，css，java写在一起。很多开发者对css in js不适应甚至反对。那么在新的2018年，是否还会继续争议下去？

9.flex和grid布局更加流行

以前前端页面布局有inline-block，float，postion布局等。但是有了flex和grid，布局变得更加简单。

flex基本已经被所有的浏览器支持，其方便的特性也受到了很多开发者的热捧。而grid，网格布局号称是下一代的布局方式，但是浏览器兼容方面就没有flex那么好。但是这个也是有必要了解的。毕竟已经被W3C纳入标准了。兼容性也将进一步增强。

10.rxjs

RxJS 是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。这个项目是 Reactive-Extensions/RxJS(RxJS 4) 的重写，具有更好的性能、更好的模块性、更好的可调试调用堆栈，同时保持大部分向后兼容，只有一些破坏性的变更(breaking changes)是为了减少外层的 API 。