-
HEX转RGBA应优先使用构建工具或CSS原生语法而非手写JS函数；固定透明度用PostCSS/Sass，动态才用JS；8位HEX（#RRGGBBAA）兼容性有限，需降级处理；JS实现须严格校验格式并trim空格。
-
原生scrollTo()的behavior:"smooth"不支持调节滚动速度，但可通过CSS自定义缓动函数或使用JavaScript实现可控时长的平滑滚动。
-
不能。Firefox的scrollbar-width和scrollbar-color以及WebKit/Blink的::-webkit-scrollbar系列伪元素均不支持transition或animation，浏览器静默忽略；只能通过class切换容器的opacity、transform、border等可动画属性间接模拟过渡效果。
-
消息面板需语义化结构（article/h3/time）、状态同步（API+loading）、可访问性（aria-label）、性能优化（预处理时间、懒加载）及跨端兼容（时区、点击热区）。
-
维修预约表单需设action（如/api/submit-maintenance）和method="POST"；textarea须加name、wrap="soft"、maxlength并配JS字数提示；datetime-local兼容差，旧版Safari需降级为date+time；错误应按字段实时反馈而非堆在顶部。
-
select设width:100%未生效，主因是父容器无明确宽度或为inline元素，且旧版浏览器对border-box下padding/border处理异常；需确保父容器为块级并设宽，select显式声明box-sizing:border-box。
-
图片体积大拖慢首屏渲染，需压缩转WebP/AVIF、用srcset响应式、禁用width/height硬编码、首屏图禁用lazy并设fetchpriority="high"、内容图禁用background-image、慎用第三方CDN服务。
-
必须为link标签添加media="print"属性，否则打印预览时不会加载该样式表；推荐使用独立print.css文件并通过<linkrel="stylesheet"href="print.css"media="print">引入，兼顾调试可暂用media="screen,print"。
-
直接用width在响应式表格中失效，是因为th和td宽度需同步计算，而浏览器默认独立处理；必须配合CSS变量+table-layout:fixed才能实现列宽一致。
-
toDataURL()导出图片失败主因是跨域污染、file://协议限制、canvas尺寸与CSS分离不当、dataURL体积过大及JPEG不支持透明。需配CORS、启本地服务、设真实宽高、用toBlob替代、PNG保透明。
-
使用max-width结合padding和box-sizing可有效控制布局宽度与灵活性，.container设置max-width限制最大宽度，配合padding确保内边距舒适性，box-sizing:border-box防止尺寸溢出，实现响应式自适应布局。
-
多标签页问题根源在于标签数据与路由状态未实时同步，需通过router.afterEach监听路由变化，严格绑定to.fullPath更新tags数组，按规则增删标签并控制激活态与跳转逻辑。
-
能。TypeScript的tsc在checkJs:true模式下，配合规范JSDoc注解，可为JS提供接近TS的类型检查与文档生成能力，但需严格满足四项配置（allowJs、checkJs、noImplicitAny、strictNullChecks）及正确注解写法。
-
Vue.js的computed属性天然适合构建轻量、响应式的公式解析与实时计算引擎——它自动追踪依赖、缓存结果、按需更新，无需手动管理脏检查或重算逻辑。
-
transition-property用于指定参与过渡的CSS属性，可选值为none、all或具体属性名，如width、opacity等。通过精确控制属性，避免不必要的动画，提升性能。例如设置transition-property:width,background-color，仅这两项属性会触发过渡效果。实际开发中常与transition简写结合使用，如transition:transform0.3sease，确保只有transform产生动画，其他属性如color即时生效。需注意仅可动画属性（如tran
