2018年前端技术总结

还有十几天 2018 年就结束了。

今天我就来和你们一块儿回顾一下 2018 年的前端技术趋势。若是你赶时间，能够直接看文章末尾的总结。

关键词：JavaScript

咱们在2017年前端技术总结里总结的关键词是「状态管理」；

今天咱们给出的关键词是「JavaScript」，含义主要有两点：

1、CSS 失宠

现在，大部分前端已经再也不对 CSS 有很大的关注度了，只要会用 flex 和 grid，几乎就能够解决大部分需求。即便是目前最潮的 CSS Houdini 技术，也是在用 JS 而已。

这在一方面说明前端对 JS 的重视，另外一方面又说明 CSS 的易用性，不须要花太多时间，就能快速搭建页面。不过大部分前端并不想要深刻了解 CSS，能用就行。

2、JS 仍是原来的 JS 吗

虽然全部前端都在关注 JS，可是并非全部前端都在写 JS。已经有不少前端在用 TypeScript 了，还有一些前端在用 Reason、Elm、ClojureScript 和 Dart。

尤为是 TypeScript 的发展势头最猛，JS 学得好的前端很快就能上手 TypeScript，不少大公司的前端对 TypeScript 更是爱不释手。

反观 JS 自身的发展，最近 TC39 将 class private field（#x）移入了 stage3 阶段，令不少 JS 使用者不满。不满的缘由大部分都是以为这个语法太奇怪了（而若是使用 TypeScript 就能愉快地使用 private 关键字了，虽然二者并不彻底同样）。

相信在不久的未来，JS 这门语言会愈来愈没法知足前端的技术需求，这给其余语言带来了机会。

接下来讲说其余发展趋势。

趋势：前端 == 全端

移动 App、移动网页、PC 应用、PC 网页、微信小程序、支付宝小程序、百度小程序、各类小程序……

如今各大 App 纷纷模仿 Vue 或 React 发布本身的小程序，开发的重任天然摆到前端开发者的肩上了。（否则让后端来作吗？）

可是问题在于，这些端并不彻底一致，有不少细微差异。因而「一次编写，端端运行」的需求就提上了日程，所以不少大公司的前端都在开发本身的全端方案（如 taro.js、mpvue 等）。

再加上 Electron 对桌面端的支持，React Native 和 Flutter 对手机端的支持，前端实质上就是全端，几乎全部须要图形界面的地方都被前端占领了。

趋势：前端框架趋于平稳

Angular / React / Vue 三者的粉丝已经不怎么争论了，公司用哪一个开发者就用哪一个，毕竟不少公司都已经有了 Angular / React / Vue 的一年以上的项目了，想换框架也是难事。

并且三者的生态环境也都比较完备和稳定了。不存在你能作而我作不到的点，因此你们都已经专一于业务开发，而不是框架的选择了。

因此只要你会其中任何一个框架，都有饭吃。若是一个都不会，就很难找到工做了。

趋势：函数式编程

React 带起了一股函数式编程的风潮，然而若是你问大部分前端「什么是函数式」，确定有人仍是只知其一;不知其二支支吾吾的。这是学习能力强的人的一个大机会。

前端的函数式还处于初级阶段，因为 JS 这门语言虽然有函数式的影子，可是依然缺失不少函数式语言必须具有的特性，这也是一些 JS 开发者转向 ReasonML 的缘由。

趋势：自家组件库

今年各大公司均有自家的组件库（阿里的 Ant Design、饿了么的 Element UI、TalkingData 的 iView、滴滴的 Cube UI、有赞的 Vant 和 Zent），这得益于 Angular / React / Vue 的成熟的组件化能力。这也意味着对前端开发者的要求提升了，不只须要会用别人的 UI 库，还须要本身能开发 UI 库。

组件库的兴起也使得前端终于开始重视「单元测试」这一基本的测试手段了，不少人都会使用 jest 和 mocha 来进行单元测试。

趋势：对 Node.js 的使用更为理智

如今前端开发者不像以前几年对 Node.js 趋之若鹜了，而是只在必要的时候使用 Node.js。由于前端已经理解就算学会了 JS 也不表明能手上 Node.js，并且 Node.js 也愈来愈专业化了，其领域知识跟前端几乎没有重合的部分。

趋势：Webpack 的封装

因为 webpack 配置的复杂性，愈来愈多的工具都把 webpack 进行了简化和封装，如 Vue CLI 三、Angular CLI 和 create-react-app。所以新人在建立项目的时候几乎不会遇到复杂的 webpack 配置问题，一个成熟的前端团队也只须要一两我的维护 webpack 的配置便可。

相信不久以后，这些配置会进一步简化。

总结

总之，前端在经历了一两年的百花齐放后，逐渐趋于稳定，你们分别使用本身喜欢的框架，打造趁手的 UI 组件，而且开始使用 TypeScript 和单元测试来提升代码的质量，以作出更好的产品。对后端知识没有了解的前端也再也不盲目投入 Node.js 的怀抱了，而是认真作好前端业务；Node.js 的使用者也更专一于后端开发，这是双方都在朝着专业化方向进步的体现。

若是你对文章中提到的 React、Vue、TypeScript、UI 框架和单元测试等知识感兴趣，能够咱们的 Vue 交流群 5 或者 React 交流群 2（请尽可能只加一个群）

以上就是咱们在 2018 年观察到的一些前端技术趋势，不必定全面，若有错误欢迎指正。