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

微信关注我们

原文链接: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 ...

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

Mario

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

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

用户登录
用户注册