“总结2019 各行各业通用”

本篇文章2227字，读完约6分钟

为了减少运行时在浏览器中完成的员工，大多数员工可以转移到编译过程中。 有了基于组件的体系结构，您可以编译为纯html和原始，同时还可以承诺减少模板代码。 使用响应性编程而不是虚拟dom直接更新dom。

给前端行业带来新鲜的感觉，提供的功能很少。 今年的增长迅速，这非常可喜。 我们希望得到一个实际的例子，说明我们可以与强大的竞争对手(如vue和vue )竞争。

相关视频

随着盖茨比等框架的利用率不断提高，托管netlify等静态网站的企业也迅速成长，无数headlesscms企业出现了静态网站，表明自己是web中不可缺少的部分。

静态网站将旧网站与新工具、库和更新结合起来，提供无与伦比的体验。 可以使用现代库(如react )构建网站，并在构建时编译为静态html页。 由于所有页面都是预先构建的，所以服务器不需要花时间用请求的数据呈现页面。 使用cdn的全局缓存，可以立即提供这些页面，并尽快提供给客户。

静态网站常用的编程模式之一是jamstack。 一种结合静态/spa的方法。 这些页面是静态提供的，但进入客户端后会被视为spa，通过api和客户的交互来提高ui的状态。

静态网站虽然速度无与伦比，但并不适合所有的应用。 另一个好的选择是pwa渐进式网络的应用。 可以使用pwa将资源缓存在浏览器中，以保证页面的即时响应和脱机支持。 后台员工还可以在pwa模式下提供本机功能，如推送通知。

有人主张pwa将取代原生移动应用程序。 无论最终结果如何，pwa无疑会长期影响各大企业构建产品的首要方式。

近年来，前端开发人员抱怨说他们厌倦了javascript，但是开源项目维护者的不懈努力减少了人们对javascript的厌烦。

以前，要建立spa，必须掌握如何在bower或npm中部署依赖关系，使用browserify或webpack从一开始就编译express服务器，并在库更新时维护应用程序。

我们经历了很多年的阵痛，现在创造了最活跃最发达的包装生态系统。 有很多工具可以抽象地构建应用程序最痛苦的部分以创建react应用程序。 vuecli、angularcli、gatsby用于静态网站，expo用于远程本机移动应用程序，next/nuxt用于ssr应用程序，生成器用于服务器，hasura用于图形 我们一直在寻找减轻繁重工作负荷的工具，例如使用graphql代码生成器自动生成typescript类型和简化web包。

graphql迷上了开发者，进一步用于技术企业

graphql rest有望解决以前流传的基于rest的应用程序面临的许多问题。 graphql很快受到开发者的欢迎，各大科技企业也开始使用。 github几年前在graphql上创建了最新的api，其他许多组织也进行了同样的更改。

graphql应用程序是数据驱动的，而不是端点。 这是因为该客户端可以声明所需的准确数据，并从服务器接收相应的json响应。 graphqlapi提供记录所有数据及其类型的文档，帮助开发人员更全面地了解api。

graphqlapi提供完全类型化的体系结构，因此可以与typescript应用程序很好地集成。 graphqlcodegenerator提供了一种脚本类型，用于读取客户代码查询，使用graphqlcodegenerator等工具匹配模式，然后勾结整个应用程序。

在过去的一年里，graphql的下载量翻了一番，阿波罗也在走向采用最广泛的框架。

随着web开发的迅速发展，javascript处于世界领先地位，这些css格式是用javascript字符串编写的，因此通过css插件的使用得到了充分的体现。

这样，导入/导出可以使用常规javascript语法共享格式和依赖关系。 css-in-js组件可以在格式字符串中插入绘图仪，从而简化了动态格式。 正如我之前所说，facebook甚至认为css-in-js有可能成为前端的未来，很快就会发布自己的库。

以下是css和css插件的典型示例。 在常规css中解析动态格式时，必须管理组件中的类名，并根据状态/道具进行更新。 还需要为每个更改创建css类

/ componentjsfilecontmycamp ( { isa活动} ) { const class name isa活动}？ 活动:国际货币类名称Hi/DIV/CSSFile .活动颜色:绿色； .非活动{颜色:红色}

styled-components和emotion是css-in-js的两个主要库，2019年emotion的下载超过了styled-components。 从增长幅度来看，这两个库远远领先于其他css-in-js库，并持续快速增长。

开发者对ide/复印机充满热情。 他们会继续争论为什么自己的器皿是主要的选择。 但是，前端开发者没想到选择了vscode。 vscode是开源的，它提供了一个为开发人员提供无与伦比体验的插件。

根据“年js状况调查”地址，. stateofjs/other-tools/复印机的采用状况将在2019年调查发表时更新如下图

web包已成为所有现代javascript工具链的核心组件，是最常用的构建工具。 web包一直在努力提高性能和可用性，为开发人员提供更好的工具。 webpack5的重点是以下几点

/ h /选项卡: #前端的最新动态信息