江苏龙网

  1. 首页 > 人文 > >

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


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命令选项 ， 以便在构建过程之后生成报表文件 。


推荐阅读


上一篇：蒂姆·库克|库克始料未及！特朗普对微信正式表态了，苹果遭空前危机

下一篇：环球趣闻档案室|除了新冠疫情之外，还有这个问题，将有上亿人受灾！，坏消息传来