-
HTML可访问性树是浏览器为辅助技术创建的语义化页面结构，其检查方法如下：1.使用浏览器开发者工具，如Chrome、Firefox、Edge中的“元素”面板旁的“辅助功能”选项卡；2.选择任意元素查看其角色、名称和状态信息；3.若元素未正确表示，例如按钮显示为div，则需修复；4.验证可访问性的最佳实践是使用屏幕阅读器测试。可访问性树不同于DOM树，它剔除了无用信息，赋予元素语义角色，影响构建的关键元素包括HTML5语义标签、交互式元素、ARIA属性、图像alt属性及列表和表格等结构化元素。这些元素通过正
-
JavaScript函数式编程核心是多用纯函数和管住副作用：纯函数要求相同输入必得相同输出且不产生外部影响；副作用需隔离显式处理，如将DOM操作、网络请求等抽离为独立函数，并在Domain层专注纯计算，Service层封装副作用，UI层触发执行。
-
首先创建全屏居中加载层，再通过CSS实现旋转动画效果，最后用JavaScript控制页面加载完成时隐藏该层。
-
SOLID原则在JavaScript中同样适用。1.单一职责：函数应只做一件事，如拆分用户处理逻辑；2.开放封闭：通过策略模式扩展功能而不修改原代码；3.里氏替换：子类不破坏父类契约，确保行为一致；4.接口隔离：避免大而全的配置，使用细粒度函数；5.依赖反转：依赖抽象而非具体实现，通过注入提升可测性与解耦。合理应用可提升代码质量。
-
通过设置基础阴影和始终存在的边框，确保box-shadow与border-color过渡流畅，避免从“无”到“有”的硬切换，结合统一的timingfunction和will-change优化，可实现自然的交互动效。
-
响应式卡片动画通过CSSanimation与@mediaquery结合，实现跨设备适配。首先构建基础卡片结构并设置悬停放大动画，使用transform与@keyframes实现pulse效果；随后在移动端（max-width:768px）降低动画强度，仅保留轻微缩放或透明度变化以提升性能；针对平板（768px–1024px）调整动画时长与缓动函数，采用cubic-bezier优化触屏体验；最后通过(prefers-reduced-motion:reduce)提升可访问性，确保动画既流畅又兼顾用户偏好，整体
-
CSS样式失效主因是加载顺序错位、框架scoped与全局样式冲突、构建工具导致CSS并行加载不可控、缓存机制使旧样式残留；需通过DevTools检查覆盖规则、加载时序及响应头。
-
JavaScript状态管理是统一、可控、可预测地组织与更新应用中可变数据的方式，解决多组件共享状态、props钻取、更新不一致和调试困难等问题，核心在于明确状态范围、存储位置和变更方式。
-
HTML5静态页需通过高德或腾讯地图JSSDK嵌入地图；高德要求HTTPS、WebKey及v=2.0，初始化前需AMap.ready；腾讯需白名单、qq.maps.loaded监听，且经纬度顺序为lat,lng；地理编码须用SDK封装方法避免跨域。
-
导航栏通过CSS颜色设置提升用户体验，初始状态使用#007BFF文字、#f8f9fa背景和#dee2e6边框；:hover时文字变#0056b3，背景为#e9ecef并添加0.3s过渡；:active时背景加深至#dcdcdc，文字转深色以强化操作反馈。
-
Babel插件开发基于AST实现代码转换，核心流程包括解析、转换和生成三阶段。插件在转换阶段通过访问器模式操作AST节点，如StringLiteral、Identifier等，借助@babel/types进行节点修改。掌握AST结构与路径操作是关键，可用于语法降级、宏展开、代码注入等场景。
-
Flex布局IE10+部分支持、IE11基本完整，IE9及以下完全不支持；应采用渐进增强策略，以浮动或inline-block为基础布局，再为现代浏览器升级Flex，并用前缀、@supports或Modernizr实现兼容。
-
字体在某些浏览器不显示是因为仅提供单一格式（如仅.woff2），旧版浏览器（IE9–11、老版Safari等）不支持；应通过@font-face按“从新到旧”顺序声明.woff2、.woff、.eot/.ttf等多种格式以确保兼容。
-
由于浏览器安全限制，JavaScript无法通过getComputedStyle()获取:visited伪类中修改的CSS变量值，且CSS变量本身也不允许在:visited规则中声明——这是为防止历史访问信息泄露而强制实施的隐私保护机制。
-
localStorage数据不会自动过期，需手动清除或封装带时间戳的读写逻辑；不适合存敏感信息、大量数据或依赖强一致性的场景。
