首页 文章 精选 留言 我的
优秀的个人博客,低调大师

微信关注我们

原文链接:https://my.oschina.net/u/4559794/blog/18692307

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

无障碍前端组件实践(下):复杂组件落地与全流程工具链

无障碍前端组件实践(下):复杂组件落地与全流程工具链 在上篇中,我们搞定了按钮、色彩、卡片等基础组件的无障碍实践,而复杂组件(如模态框、表格、标签页)往往是无障碍的“重灾区”——不仅要处理交互逻辑,还要兼顾焦点管理、屏幕阅读器播报等细节。本文将聚焦复杂组件落地技巧,再搭配测试、资源工具链,帮你构建“全链路无障碍”的前端产品。 目录 模态框:焦点陷阱是核心,别让用户“跑出去” 标签页:键盘方向键切换,小白用户也能懂 表格:从“二维视觉”到“线性朗读”的转换 切换开关:别让用户“猜状态”,两个标签是关键 提示框:别用 title 属性,交互内容绝对不能放 音视频播放器:字幕只是基础,键盘控制才是刚需 辅助功能组件:深色模式、密码框、骨架屏的无障碍 第三方组件评估:别被“宣称无障碍”忽悠 全流程工具链:从设计到上线的无障碍保障 屏幕阅读器用户讨厌的 5 个坑(避坑指南) 1. 模态框:焦点陷阱是核心,别让用户“跑出去” 模态框(如登录弹窗、确认对话框)的无障碍难点是“焦点陷阱”——用户打开模态框后,焦点必须“只在模态框内部循环”,不能 tab 到外面的内容(比如背景的按钮),否则会 conf...

破解gh-ost变更导致MySQL表膨胀之谜|得物技术

一、问题背景 业务同学在 OneDBA 平台进行一次正常 DDL 变更完成后(变更内容跟此次问题无关),发现一些 SQL 开始出现慢查,同时变更后的表比变更前的表存储空间膨胀了几乎 100%。经过分析和流程复现完整还原了整个事件,发现了 MySQL 在平衡 B+tree 页分裂方面遇到单行记录太大时的一些缺陷,整理分享。 为了能更好的说明问题背后的机制,会进行一些关键的“MySQL原理”和“当前DDL变更流程”方面的知识铺垫,熟悉的同学可以跳过。 本次 DDL 变更后带来了如下问题: 变更后,表存储空间膨胀了几乎 100%; 变更后,表统计信息出现了严重偏差; 变更后,部分有排序的 SQL 出现了慢查。 现在来看,表空间膨胀跟统计信息出错是同一个问题导致,而统计信息出错间接导致了部分SQL出现了慢查,下面带着这些问题开始一步步分析找根因。 二、索引结构 B+tree InnoDB 表是索引组织表,也就是所谓的索引即数据,数据即索引。索引分为聚集索引和二级索引,所有行数据都存储在聚集索引,二级索引存储的是字段值和主键,但不管哪种索引,其结构都是 B+tree 结构。 一棵 B+tree ...

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Apache Tomcat

Apache Tomcat

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

Eclipse

Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。