2017 前端技术发展回顾-优快云博客

2017年见证了前端技术的重大进展，包括HTML5.2发布、Vue.js的迅速崛起、React 16发布及其Fiber架构、WebAssembly的支持、以及ES模块在浏览器中的集成。这一年还伴随着众多新框架和技术的出现，如Prettier、Parcel、Cypress等，这些工具进一步推动了前端开发的标准化与效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：Recap of Front-end Development in 2017
原文作者：FrontendMasters
译文出自：掘金翻译计划
本文永久链接：github.com/xitu/front-…
译者：bambooom
校对者：realYukiko

更多精彩内容请关注：前端开发者指南 2018

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 进化成了 StackBliz 和 codeSandbox 的样子，它们让分享一个应用程序变得如此简单。
React 继续被 preact，inferno，nerv，dva 和 rax 之类的所追捧。
devhints.io 很好地将 cheatsheets 组织了起来。
我们发现应用程序的样板或者命令行工具是带有偏见的，例如 React Create 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 平台作为解决这一痛苦的方案获得了大量的支持。