以下是我在知乎问答的结果:“2017年前端开发转型是怎样的？对于即将到来的2018，有怎样的等待？回应下，做一点整理和整改，分享给大家。如果有跳脱，在指责中一直强调感谢。在正文中:
在刚刚过去的2017年，大家都会回忆:
不可避免的三年框架
React一直占据前端开发的核心地位，并在2017年发布了最令人期待的版本之一——React16。包括可以真正与UI匹配的纤程架构。在整个过程中，它提供了许多其他功能，包括问题、差距和差距。然而React当年获得的最关键的测试分数并不是其发布的新特性，而只是其开源系统和谈的调整:BSD和谈->:MIT和谈。另外Jest，Flow，Immutable.js，GraphQL都改成了MIT和谈。
Angular的销售市场份额持续下降(与React相比)，V4(3月23日)和V5(11月2日)已经发布。在V4中，已经看到AngularUniversal已经成为人民圈项目总体目标的一个单元，AngularAnimation已经从管理中心库中退出。在V5中，PWA支持已经被终止并进行改进，C语言编译器的恶化已经到了一个更快的日期。
即使React获得了大胜，Vue(尤雨溪)仍然越来越被欣赏。这个架构提供了一个非常友好和简单的API，这是React的主要和次要替换方案之一。之前被包括GitLab在内的大型企业接受，回忆过去一年使用这种架构的小故事。
注:图为NPM近一年注册量与三年架构对比。以下类似架构/包对比图均以npmtrends一年内注册量对比为准，并附有GitHub上的星/叉形状。
脚本
经过一个微妙的提案过程，2017版ECMAScript规范于6月发布，其中包含了一些原有的功能，如共享运行内存和原子 *** 作的功能。其中，共享运行内存将使JavaScript中处理突发事件和服从命令变得更加容易。共享运行内存的并行架构，对于所有用WebGL对抗webworkers创作手游的人来说，都是一个宏大的诱惑。
该版本在2017年12月之前已经支持所有主流和支流阅读软件，Edge暗示从v16版本开始停止支持这些功能。因为Node不支持webworker，所以他们也支持共享运行内存，但是他们从一开始就已经在考虑这个决定了。
web程序集
现在所有主流阅读软件都支持WebAssembly，Chrome月开始支持，Firefox月开始支持，Edge月开始支持。Safari在第11版中已经开始支持。ChromeforAndroidvsSafariMobile也支持WebAssembly。请参阅所有主流浏览器都提供的web程序集支持Mozilla博客了解详细信息。
渐进式网络应用
每个人都在寻找一种解决方案来补偿网络中移动客户端之间的感觉差异。谷歌的连续核心可以通过全流程将web应用转化为渐进式Web应用(PWA)来提高其天赋，该方法在2017年已被迅速接受。一个PWA应用程序控制了今天的阅读软件技术，以提供更像法国风格的移动应用程序的网络体验。它在功能前端下提供了改进的感觉，而在过去，它只能用于移动功能，如推送和接收通知。PWA的基础是manifest.json文档和对服务工作者的控制。详情请见《渐进式网络应用:无处不在的卓越体验》(GoogleI/o'17)。
确保设备
Bower的销售市场份额持续登陆，首次发布是在2016年11月。之后，民源宣布推荐客户使用NPM申请前端项目的硬件配置包。
NPM自最终发布以来已经存在了相当长一段时间，但它仍然缺乏一些核心功能，这是Yarn期待填充的。Yarn的主次无私贡献是包缓存文件，一个保证具体构造的锁文件，控制和依赖关联。这些功能非常成功，NPM已经在其5.0版本中实现了这些功能。Yarn拥有超过十亿的注册量(如今，每个月的注册量达到125.1万)，拥有惊人的29000名GitHub明星。即使你已经使用了Yarn，JavaScript保理团队也因为Yarn的发布而得到了暗中的推动。
至于Yarn的呈现，NPM被批准在v5版本发布，哪个版本隐式开发功能(包括Yarn发布的功能)。
风格的整体规划
整体网格规划最后被CSS限制了，阅读软件已经很快接受了。过去，网格图形管理系统是通过CSS中的tables、float、flex和inline-block实现的。
2017年，事实证明，styled-components(由马克斯·斯托伊伯、格伦·马登和菲尔·普吕克图恩创立)已经流行起来，并逐渐占据了核心地位。Emotion(由KyeHohenberger创立)是一个全新的JavaScript库，但之前很快就被接受了。另一个选择是glamor(由PayPal、KentC.Dodds和一群热情的庄稼人创建)，他们开设并拆除了glamor图书馆。
在过去的两年里，像SASS，Less和Stylus这样的CSS应急处理器风靡一时。CSS在2014年发布，但实际上在2017年已经爆发，成为最受赞赏的CSS应急前处理器。
此外，在2017年，一次和二次开发已经被CSS-in-JS的显著改进所接受，其中所有的样式都是通过全过程编码的，而不是以样式表终止。在今天，不清楚它是否会成为前端开发社区的最终目标，但它在当时是一种新方法。
PostCSS仍然是最后一个CSS应急处理程序，但是它们中的许多已经被转换成CSS-in-JS解决方案。
注意:我的一些同学说PostCSS是一个后紧急处理程序。根据定义，后CSS紧急处理程序(post-CSSemergencyhandler)是停止CSS的紧急处理并最终作为CSS死亡的前紧急处理程序。属于理论上的CSS应急前处理程序。由于自身反应和参考文献中的精确定位，没有进行细分，PostCSS被评估为应急前处置者。详细的同学可以进一步细分。
项目模块化设计项目
Webpack2于今年2月发布。它带来了一些关键的功能，比如ES6控制模块(Babel不再需要更改导入语句)和树摇(相邻库使用的代码被移除)。接着，V3发布了一个名为“范围提升”的功能，将所有的webpack控制模块放入一个零比特的JavaScript库中，从而大大降低了它的规格。
7月，Webpackelite团队收到了Mozilla开源系统支持计划的捐赠，方便为WebAssembly提供一流的支持。
Parcel作为一个幽默的新项目，短短十天就在GitHub上收获了一万星。它在整个过程中控制几个CPU核心，在一个无效的文档管理系统中缓存文件。它不像Webpack那样使用字符串数组，而是根据模糊的语法树来终止控制。
此外，汇总也不容小觑。4月，Reactelite团队从Gulp改为Rollup终止开发。除此之外，Webpackelite团队还建议在某些圈子中使用Rollup，而不是Webpack。
以打字打的文件
短的和中等的JavaScript案例仍然是许多人的投诉地址。为了管理这些考试结果，TypeScript显示。它是由micro-hard和TypeScript-可伸缩的JavaScript中的小cases开创的。JavaScript仍然是许多人的抱怨地址。为了管理这些考试结果，TypeScript显示。它由微硬打造，因其出色的展示赢得了众多JavaScript先行者的青睐。《心流》提供了一种更为灵巧的方式来引入病例，而不需要激进的重建，后者就是脸书的角色。
申请形状申请
Redux仍然是React新项目推荐的shape应用处理解决方案，2017年已经快了5倍(NPM注册)。
Mobx也发展迅速，并被一些盈利企业使用，如IBM、美国银行和Lyft。
除此之外，MobX精英团队正在努力期待从最新项目-MOBX-State-Tree(MST)中分离出来的Redux和MobX的优势。
GraphQL
GraphQL似乎在REST之上迅速占据了一席，萨梅尔·布纳声称REST之前已经征服了这个国家。GitHub使用GraphQL编写了新版本的API。此外，为了让所有具有开拓精神的员工都能使用GraphQL，许多企业已经开发了材料，例如JohannesSchickling开发的Graphcool架构。
静态网页死方案
2017见证了静态网页，又开始了。像Gatsby这样的架构使您能够通过使用React和其他当前产品来构建静态网页。今天，并不是每个网站都需要或者应该成为一个巨大的网络应用。由于接受预构建的标记，静态网页完成方案使您能够获得服务器端内衬和独特速度的好处。如果你正在寻找一个非常好的例子，React人民圈文本文档是用Gatsby构建的。
2018年年中，所有人都在等待:
在组件应用中按照样式构造CSS是不是最好的方法？有这个内容的咨询大概会变得更糟。
越来越多的企业接受相同代码库的移动解决方案，如ReactNative、Flutter或Weex。
这样一来，移动终端无缝拼接的感觉可以离线实现，web越来越死，加上iPhone出现了Safari技术预览版46的ServiceWorkerReleaseNotes，2018年可以一边倒的支持PWA。
WebAssembly可以获得更少的进度，提供更强的web体验。
GraphQL已经在和REST不断斗争了。
由于没有人反对开源系统谈判，React加强了它的地位。
FlowTypeScript听取意见，让JavaScript更有结构。
实际上像A-Frame，ReactVR和GoogleVR这样理想化使用库的已经走在前面了。
每个人都使用区块链技术来对抗web3.js(由MarekKotewicz和FabianVogelsteller创建)，以构建一些非常酷的应用程序法国风格。
随着方案的不断构建，后来居上的Webpack、Rollup、package在已建立方案的市场份额中起到了一种循环系统的作用，在方案开启时必须进行划分。
这个谜语是参照以下几点写的:
2017年前端:重要部分
2017年前端开发回顾
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）