-
响应式表格布局的核心是适配不同屏幕，确保可读性。通过设置width:100%和table-layout:fixed实现流动宽度；小屏幕下利用媒体查询将行转为堆叠卡片，配合data-label显示列名；或采用外层容器横向滚动，适合列多场景。选择方案需权衡内容与体验。
-
在K6浏览器自动化测试中，page.waitForNavigation()常因超时、多跳重定向或目标页未就绪而失效，导致page.title()返回中间页标题；本文提供基于元素就绪检测、显式超时配置和上下文级超时增强的可靠替代方案。
-
应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。
-
先提取CSS文件中的类名，再从HTML和JS中找出使用的类名，最后对比得出未使用类。具体步骤：1.用grep递归提取./css/下所有以.开头的类选择器，去除点并去重保存为css_classes.txt；2.在./src/中搜索class属性内的类名，支持引号和模板字符串，提取单词形式的类名去重后存为used_classes.txt；3.使用comm-23比较两个文件，输出仅存在于css_classes.txt中的类，即为未被引用的疑似冗余类；4.注意动态生成的类名、JSX或Vue表达式可能漏检，建议结合
-
要提升JavaScript包的TreeShaking效果，需确保使用ES模块语法、在package.json中正确声明sideEffects、避免全量导入并启用生产模式优化，结合构建工具和分析工具验证结果。
-
JavaScriptWeb组件是浏览器原生API，用于创建可复用、封装良好的自定义HTML元素，基于CustomElements、ShadowDOM和HTMLTemplates标准，无需依赖React或Vue等框架。
-
opacity过渡无反应的主因是初始值与目标值未发生实际数值变化，或transition未写在起始状态选择器中；须避免display:none、确保visibility和pointer-events协同控制交互，并注意JS触发时的状态同步与事件校验。
-
<p>默认box-sizing为content-box，width/height仅含内容区，padding和border会额外增加尺寸导致溢出；改为border-box后width包含content+padding+border，布局更可控，推荐全局设置*{box-sizing:border-box;}。</p>
-
图标字体颜色可通过CSS变量统一管理，定义--icon-color等变量于:root，用color:var(--icon-color)应用至.icon或.fa类，并支持hover、disabled状态及深色模式动态切换，注意避免内联样式覆盖和fill属性误用。
-
利用CSS伪元素可高效创建提示图标，无需额外HTML。首先为容器设置relative定位，通过::before或::after添加content内容，结合position绝对定位将图标置于元素右上角；可使用文字或FontAwesome等字体图标（需指定font-family和Unicode），并用背景色、尺寸、圆角等样式美化；还可通过:hover触发::after显示提示文字框，注意设置z-index避免层级问题。该方法轻量且易维护，适用于表单标注等场景。
-
ReflectAPI提供统一、函数化的对象操作接口，替代分散的传统方法，其静态方法如get、set、deleteProperty等返回布尔值更可控，与Proxy配合可保持默认行为一致性，且Reflect.defineProperty比Object.defineProperty更安全，避免异常抛出，ownKeys提供更完整的属性枚举能力，适用于元编程场景。
-
浮动布局结合媒体查询可通过断点调整元素排列，实现响应式效果。例如两栏布局在桌面端并排、移动端堆叠，提升可读性。
-
align-items设置所有子项列轴对齐，align-self单独调整某子项列轴对齐，justify-items控制所有子项行轴对齐，justify-self单独设置某子项行轴对齐，四者结合实现Grid布局精准对齐控制。
-
Temporal是ES2024正式标准，提供不可变、时区明确、ISO8601兼容的时间处理API，通过Instant、PlainDate、ZonedDateTime等类型分离职责，彻底解决Date对象的可变性、隐式本地时区、月份从0开始等根本缺陷。
-
应让normalize.css或reset.css优先加载，即作为第一个生效的样式表；二者不可共存，normalize.css温和修复浏览器差异，reset.css暴力清零，错误顺序或额外重置会导致覆盖失效。
