HTML可访问性快捷键存在多个局限性，1.快捷键易与浏览器或系统默认快捷键冲突，导致用户困惑；2.可发现性差，用户难以知晓快捷键设置；3.不同浏览器和操作系统间组合键不一致，增加学习成本；4.不符合WCAG推荐的主要导航机制，可能影响可用性。更推荐的替代方案包括：1.使用语义化HTML标签提升结构清晰度；2.添加跳过链接方便键盘用户快速定位；3.管理键盘焦点顺序并提供可视指示；4.利用ARIA属性补充复杂组件的语义信息；5.保持导航模式的一致性和可预测性。为提升键盘可访问性，应从设计阶段考虑交互逻辑，确保

默认参数仅在传入undefined时生效，null、0等falsy值不触发；对象/数组需用list??[]避免引用共享；后续参数可引用前面参数，但不可反向；解构默认值需配合参数默认值{}防null报错。

grayscale()将元素转为灰度图像，参数为百分比或0-1数值，100%完全黑白，0%保持原色，常用于图片、背景、SVG等视觉效果控制。

JavaScript的repeat()方法可快速生成重复字符串，语法为str.repeat(count)，返回新字符串。例如"*".repeat(5)得"*****"，"hello".repeat(3)得"hellohellohello"，"".repeat(2)生成空格用于缩进，"abc".repeat(0)返回空字符串；需注意count为非负整数，小数自动向下取整，不支持IE等老浏览器，建议做兼容性处理或使用polyfill。

position:sticky不能实现“滚动消失”，它仅支持条件性吸附，不控制显隐；需用IntersectionObserver监听视口进出并配合CSS切换opacity或visibility。

HTML5模块化需正确声明DOCTYPE、使用type="module"导入JS、用fetch/template替代HTMLImports、通过WebComponents创建自定义元素，或借助SSI/构建工具预整合模块。

本文介绍一种高效算法，将连续评分范围（如1–10）按比例、非均匀地划分为若干子区间，并一一对应到长度可变的消息数组（如['Bad','Okay','Good']），确保前序区间优先多占一个评分点，实现自然、公平的语义映射。

CSS定位常见误区有四：1.relative是相对自身原位置偏移，非父元素；2.absolute使子元素脱离文档流，易致父容器高度塌陷；3.z-index仅对已定位元素生效，且受层叠上下文限制；4.fixed参照视口内边界，其位置会随视口动态变化。

Flex布局中应优先使用gap而非margin控制子项间距，因margin易导致首尾多余空白、换行对齐错乱及兼容性问题；gap自动跳过首尾、响应式友好且语义清晰，IE11等旧浏览器可通过@supports进行特性检测降级处理。

localStorage是浏览器提供的持久化本地存储，仅支持字符串，存取对象需JSON.stringify/parse；数据同源共享且永久保存，关闭浏览器不丢失；与sessionStorage区别在于后者仅限当前标签页、关闭即销毁；二者均不发往服务器、受同源策略限制。

主轴由flex-direction决定，justify-content控制主轴对齐，align-items控制垂直于主轴的交叉轴对齐，二者结合可实现元素精准定位。

在CSS中，padding会增加元素总尺寸，导致布局偏差；默认盒模型下width/height仅指内容区，加上padding后实际尺寸变大；例如width:200px;padding:20px时总宽达240px；为避免此问题，可使用box-sizing:border-box，使width包含padding，从而控制整体尺寸不变；推荐全局设置*{box-sizing:border-box}统一行为；若需在content-box下精确布局，可用calc()函数手动减去padding，如width:calc(3

复用CSS组件库样式的核心是建立可预测、可收敛、可维护的样式契约。设计系统定义语义化Token与原子类，CSSModules通过composes实现隔离式接入，Wrapper组件或主题注入替代全局覆盖，构建时自动化打通Token到CSS模块链路。

闭包是函数记住其创建时的词法环境，关键在于内层函数是否引用并持续访问外层变量。典型误区包括误认所有嵌套函数都是闭包、混淆闭包与语法关键字、等同闭包与内存泄漏；for循环中var声明的i在setTimeout输出5，源于函数作用域共享与变量提升；let、IIFE或setTimeout传参可解决；闭包会阻止垃圾回收被引用的变量，需及时移除监听器、避免过度捕获、必要时手动置null；ChromeDevTools的Scope面板中Closure分组可查看实际捕获的变量。

主轴方向由flex-direction决定，必须配合display:flex使用；row（水平向右）、row-reverse（水平向右但顺序反转）、column（垂直向下）、column-reverse（垂直向下但顺序反转）；justify-content仅在已定主轴上分配空间，不改变方向。