2017 前端技术发展回顾

• HTML 5.2 发布。
• 毫无疑问，这是 Vue.js 在流行中飞速发展的一年。
• 前端 HTML & CSS 开发者和前端应用程序开发者之间的巨大区别终于被认知，并重新定义。
• 作为使用 web 技术构建应用程序的前端 JavaScript 开发者变得越来越好，也越来越糟。
• 今年似乎比往年更多的涌现出一批试图与主流 JavaScript 应用工具（React，Angular，Vue 等）相抗衡的应用程序/框架解决方案。我来列举一部分，Moon，Marko，Hyperapp，Quasar Framework，POI，frint，BunnyJS，jsblocks，Sapper，Stimulus，Choo...
• jsbin 和 jsfiddle 进化成了 StackBlitz 和 CodeSandbox 的样子，它们让分享一个应用程序变得如此简单。
• React 继续被 preact，inferno，nerv，dva 和 rax 之类的所追捧。
• devhints.io 很好地将 cheatsheets 组织了起来。
• 我们发现应用程序的样板或者命令行工具是带有偏见的，例如 Create React App，必要的时候我们要从中逃离。
• 大多数开发人员发现，一个好的代码编辑器，eslint 以及 prettier 的组合使写代码这件事更快，更轻松愉快。
• CSS Flexbox 和 Grid 获得浏览器支持，因此越来越多开发者开始关注这两者。
• 我们终于有无头的 Chrome 了。
• 你不再需要用 Less 或者 Sass 来使用 CSS 来完成令人惊叹的事情了。
• CSS 革命正在进行中。
• JavaScript 对象浏览工具已经到来，JavaScript Array Explorer 和 JavaScript Object Explorer，它们对于学习 JavaScript 数据类似（例如对象）是非常方便有用的。
• Chrome 浏览器在市场上占据主导地位，人们开始担心历史可能会重演。
• Brave 成为浏览互联网最愉快且安全的方式。
• PhantomJS 不再维护，Headless Chrome 和 Puppeteer 进入。
• Prettier 从一个意想不到的地方开始，却成为了一个主角。
• 很多开发者开始采用静态检查，主要是出于主观原因和赶时髦。有些人完全遵从了 Typescript 和微软的做事方式，也有些人采取的较慢的 Flow。有一点可以肯定，大多数开发者不需要类型，他们只是把已经复杂的问题和解决方法更加复杂化。像大多数事情一样，这种趋势大部分是主观教条而非客观价值。
• 静态网站生成器和 API CMS 工具也就是无头 CMS 现在在大多数开发者的雷达上。
• Web 组件仍然潜伏着，等待着开发人员的大力推动，这可能永远不会发生。
• JavaScript 安定了，CSS 爆发了，明年的这个时候所有人都会疲惫不堪。
• 许多人在使用组件树构建应用程序的时候，开始将 CSS 转移到 JS 中的 CSS 里。
• Yarn 似乎满足了需求，因为很多人从 npm 换成 Yarn。然而，Yarn 最大的价值在于它为 npm 带来竞争，从而使得 npm 变得更好。
• Scrimba 将用于交互式的编码屏幕录像（录制现场的编辑器是可编辑的）的新的视频格式成为现实。
• 大多数人开始意识到组件架构和原子化设计之间的关联。
• ES 模块将成为浏览器的一部分，并且如果使用 ES 模块，备用计划将是必需的（即来自 webpack 之类的打包文件）。
• MVC 框架正在淡出。
• 使用Bluekit，Storybook，React Styleguidist 和 bit 之类的工具，在你的应用程序之外开发和展示 React 组件开始变得流行。
• 在 2017 年获得前端工作有关经验，这是从个人项目以及 Github 账号上展示出来的。
• 从 HTML 文档中预加载资源（CSS，JavaScript，多媒体文件等）到来了。
• Cypress 作为一个完整的测试解决方案出现了，测试会越来越好，因为对于应用程序的代码，端到端测试才是重点。
• WebAssembly 现在可以总所有主流浏览器中使用了。
• Webpack 占主导地位，然后竞争对手 parcel 出现了。
• React 16 代号 fiber 发布。
• 在某些情况下，React 开始与 jQuery 一较高下。
• React 的确成为了最多人使用的构建 UI 的工具。
• Facebook 放弃了 React 的 BSD 许可证，而转成了 MIT 许可证（同样包括 Jest，Flow，Immutable.js 和 GraphQL）。
• 2017 年 GraphQL 开始流行起来。
• Facebook 继续领头负责开发即将到来的如 prepack.io 之类的工具。
• 正如期待，ECMA-262 第 8 版也就是 ES2017 发布。
• React Router 终于稳定下来了。
• 所有的现代浏览器现在都支持 ECMAScript 2015（也就是 ES6）。
• Async JavaScript 函数 开始获得一些认真的关注及使用，主要是因为所有现在浏览器现在都支持 Async 函数了。
• 移动开发，仍然很难。今年，强烈地倡导 web 平台作为解决这一痛苦的方案获得了大量的支持。