-
轮播图核心是定时切换、手动控制与循环播放，关键在逻辑稳定与边界处理准确；需管理currentIndex、imgList等状态，用取模实现循环，通过showImage统一控制显隐，并处理自动播放暂停、防抖及多端交互。
-
ReactRouter是React应用实现客户端路由的核心库，通过路径与组件映射实现无刷新跳转；v6+推荐createBrowserRouter+RouterProvider初始化，用Link和useNavigate导航，Outlet支持嵌套路由与布局复用。
-
JavaScript动画核心是动态更新元素样式，推荐用requestAnimationFrame实现60fps平滑动画，优先使用transform和opacity提升性能，避免style.left/top字符串拼接。
-
Bulma图标按钮样式异常主因是结构错误、图标字体未加载、尺寸错位或CSS冲突；须用<spanclass="icon"></span>嵌套于button内，禁用直接加icon类，确保FontAwesome等正确引入，并统一行高、字号与间距。
-
媒体查询必须写在样式表顶层，不能嵌套在CSS选择器内部；推荐使用min-width实现移动优先；常见失效原因包括优先级覆盖、加载顺序错误和浏览器缓存；断点应统一用px单位。
-
JavaScript作用域、变量提升和暂时性死区是同一运行机制在不同层面的表现：作用域定义变量可访问范围（全局、函数、块级），var/function声明会被提升至作用域顶部（仅声明，不赋值），let/const声明虽被提升但处于TDZ内不可访问，直至初始化完成。
-
答案：通过CSS动画和插件可增强Anki卡片视觉效果。1、在模板中用<style>添加淡入动画；2、安装插件1986371174实现旋转入场；3、结合JavaScript创建点击翻转交互，提升学习吸引力与记忆效率。
-
HTML5提供五种隐藏按钮的方法：一、display:none彻底移除元素；二、visibility:hidden保留占位但不可见；三、hidden属性语义化隐藏；四、opacity+pointer-events实现透明禁用；五、aria-hidden配合CSS优化可访问性。
-
OptionalChaining（?.）和NullishCoalescing（??）是ES2020引入的特性，用于简化对可能为null或undefined值的处理。使用?.可安全访问嵌套属性、数组元素或调用方法，避免因访问不存在属性而报错；??则在左侧值为null或undefined时返回右侧默认值，且不干扰0、''、false等有效值。两者结合可简洁实现深层取值与默认值设置，如user?.address?.street??'未知'，显著提升代码可读性与健壮性。
-
:read-only伪类仅对原生支持只读的表单元素（如input、textarea）且显式设置readonly属性时生效，不匹配disabled元素或contenteditable=false的非表单元素；需检查选择器优先级、属性是否被JS动态移除，并推荐用自定义class作为兼容性替代方案。
-
核心区别在于生命周期和作用域：sessionStorage仅限当前标签页会话，关闭即清空；localStorage持久保存，需手动清除。两者均只支持字符串值，存对象须JSON.stringify()，取时需JSON.parse()。
-
JavaScript迭代器是具有next()方法并返回{value,done}对象的对象，用于按需提供序列值；可迭代对象则需实现Symbol.iterator方法以返回迭代器。
-
XMLHttpRequest和fetch在file://协议下必然失败，因浏览器将file://视为不同源且强制拦截，无法关闭；唯一可靠解法是启用本地HTTP服务（如LiveServer、python3-mhttp.server），使页面运行在http://下。
-
该用:disabled伪类而非disabled属性本身来精准控制禁用态视觉样式。它仅匹配原生可禁用元素（如button、input等）且带disabled属性时的状态，优先级高、响应动态变更，但对div或自定义组件无效。
