2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用!下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些!如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习!

　　2.PWA

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

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

　　资料参考：

　　PWA 入门: 写个非常简单的 PWA 页面

　　【转载】你的首个 Progressive Web App

　　【转载】下一代Web应用模型：Progressive Web App

　　3.typeScript

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

　　(图片来源牧之-- 从 JavaScript 到 TypeScript )

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

　　资料参考：

　　TypeScript官方文档

　　TypeScript 资源集

　　从 JavaScript 到 TypeScript 1 - 什么是 TypeScript (看了第一篇，别落下这个系列的几篇文章)

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

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

　　(图片来源于菜鸟教程- Webpack入门教程 )

　　webpack的工作虽然是模块打包工具，但也能代替类似gulp等自动构建工具的部分功能!经过2017的发展，webpack的火热程度也是有目共睹。

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

　　(图片来源于neal的文章- 宣布 Parcel：一个快速，零配置的 Web 应用打包工具 )

　　从star上面而言，Parcel的关注度似乎超过了当时了webpack，热度仍在持续。

　　webpack难用之处，我觉得就是配置繁琐，且文档不完善，看着也懵逼。至于打包时间方面，只能说没有对比就没有伤害吧。如果Parcel能做好这几点，说不准能从webpack里面分到不少肉。

　　宣布 Parcel：一个快速，零配置的 Web 应用打包工具

　　Parcel Vs Webpack

　　5.WebAssembly

　　由谷歌, 微软, Mozilla，苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。

　　引用腾讯IVWEB团队的说法：WebAssembly是一种新的字节码格式。它的缩写是".wasm"，.wasm 为文件名后缀，是一种新的底层安全的二进制语法。。它被定义为“精简、加载时间短的格式和执行模型”，并且被设计为Web 多编程语言目标文件格式。这意味着浏览器端的性能会得到极大提升，它也使得我们能够实现一个底层构建模块的集合，例如，强类型和块级作用域。

　　WebAssembly刚出来的时候，甚至有开发者猜想，以后会不会是WebAssembly代替JavaScript。在这里，我的感觉就是JavaScript不会被WebAssembly代替，等待没落，而是和WebAssembly共存的关系!2017年，chrome，火狐，IE，Safari四个浏览器统一通过了WebAssembly的方案，这是很少见的情况，我所了解的是第一次出现这样的统一情况，可见四个浏览器厂商对WebAssembly的重视。至于2018年，WebAssembly会有如何的发展，这个难说，初步预测应该还是普及推广，但是还没有到普及开发使用的阶段。但是无论如果，这个都值得关注!

　　来谈谈 WebAssembly 是个啥?为何说它会影响每一个 Web 开发者?

　　WebAssembly 实践：如何写代码

　　6.react,angular,vue三驾马车