2017悄然过去，2018已经来到。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。

　　1.PWA

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

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

　　2.TypeScript

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

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

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

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

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

　　4.WebAssembly

　　由谷歌、微软、Mozilla、苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。2017年，chrome，火狐，IE，Safari四个浏览器统一通过了WebAssembly的方案，这是很少见的情况，我所了解的是第一次出现这样的统一情况，可见四个浏览器厂商对WebAssembly的重视。至于2018年，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)，行为层(javascript)分离。但是在react出来之后，这个准则就貌似被推翻了!因为react的组件结构，要求把html，css，javascript写在一起。很多开发者对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 。