孤惯|多才多艺：你可能会错过的前端功能，前端不易( 二 ) 全文共5764字

a11y(a和y之间的11个字母)或可访问性指的是是网站适应视觉、运动或其他障碍用户的能力。有一点经常被遗忘，它涉及到一个关于用户体验的新视角，有时需要在项目中进行重大修改。
有很多方法，包括：
·使用alt属性进行图像处理
·添加ARIA属性来描述内容
·允许文本大小定制
·提供高对比度模式
·用TAB或者↑↓←→?键处理键盘导航
这个a11y项目努力使这个概念标准化，这来自社区的努力。主要的Java脚本框架也取得了进展：
·Angular—Angular文档有一个专用部分，并且AngularCDK开始处理可访问性。
·React—React还在其文档中讨论了a11y ，并开发了一个库， react-a11y 。
·Vue.js—插件vue-a11y管理可访问性， vuetify也关注它。
自2015年流行以来，应用程序状态管理工具已经不可避免。他们的使用可能存在争议，但这是一个简单和有效的解决方案可以集中应用程序中的数据。它们实现了通量模式：
数据采集
从网络中检索数据有多种方法。最常见的是使用HTTP请求来查询WebAPIs 。浏览器API提供FetchAPI ，但是每个开发的主JS框架都有一个执行。
·Angular—Angular建议使用基于观察者模式的rxjs(使用可视化或者主观对象）。
·React—FetchAPI仍然由文档提供建议。
·Vue.js—Axios是Vue.js社区的首选。这是一个基于Promise的执行。
GraphQL改变了前端开发世界中获取数据的方式。它的假设是：“客户端通过查询语言来定义它需要什么。 ”
·Angular—apollo-angular
·React—react-apollo
·Vue.js—vue-apollo
本地持久性
本地持久性要求数据存在用户的电脑里。可以使用cookie或者localStorage或sessionStorage储存数据。
使用WebWorkers
WebWorkers是一个新的浏览器API 。它是在后台运行的Java脚本，不影响页面的性能。
·Angular—Angular在其文档中创建了一个专用部分。
·React—已经创建了一个反应hook 。
·Vue.js—vue-worker是webworkers的Vue.js实现。
智能手机市场的增长给网络发展界带来了一场重大革命。现在我们需要考虑移动优先，设备必须下载最小数量的内容。正如这张图表所示，移动互联网的使用已经超越了桌面浏览。
这意味着bundle的大小非常重要。下载的文件必须尽可能小，以减少数据消耗。幸运的是，主要的JS框架在发布其库的新版本时进行工作， bundle的减小也意味着性能的提高。
·Angular—webpack-束-分析器简化了分析以检查束。此外， AngularCLI提供了stats-json命令选项，以便在构建过程之后生成报表文件。