-
最可靠方法是用performance.mark+measure精确捕获单次querySelector耗时：起始打标→执行查询→结束打标→measure计算差值→读取duration；需避免异步打标、前置干扰操作及历史条目干扰。
-
HTML无法实现艾宾浩斯算法，必须用JavaScript动态计算复习间隔；需根据用户操作实时更新data-next-review等属性，并将复习计划存入localStorage，日期比较应使用newDate()转时间戳。
-
关键在于后端在流式响应中插入成对的<think>...</think>标签以显式暴露模型推理过程，前端据此构建三态状态机（idle/thinking/answering）驱动UI切换，并辅以容错降级策略。
-
按需拷贝（LazyClone）是延迟深拷贝机制，仅在写操作触及具体区域时才复制对应数据，其余部分共享原始只读内存，实现写时复制语义。
-
HTML模板需语义化、无歧义嵌套、零冗余：必含DOCTYPE、lang、UTF-8、title；用header/nav/main/aside/footer替代div堆砌；img需alt、a用相对路径、form必配label；预留[inject:css/js]锚点便于扩展。
-
link标签在HTML解析时立即并行加载CSS，尽早构建CSSOM，减少渲染阻塞时间；2.@import需等待主CSS文件下载解析后才发起请求，增加网络往返，延迟样式加载，影响页面渲染性能。
-
for循环适用于已知迭代次数的场景，如遍历固定长度的数组或字符串，其语法结构（初始化→判断→执行→更新）逻辑清晰；while循环则用于条件驱动的重复执行。
-
ESLint与Prettier分工协作：ESLint检查逻辑错误，Prettier专注格式化；必须安装eslint-config-prettier以禁用ESLint中与其冲突的格式规则，且需置于extends末尾，否则会导致fix结果不可预测。
-
用原生HTML+CSS实现尺码选择器：以<fieldsetrole="radiogroup">包裹<inputtype="radio">与<label>，通过:checked、:disabled等伪类控制视觉状态，确保键盘导航、屏幕阅读器支持及表单原生能力。
-
CSS折角效果本质是用::before画旋转三角形、::after叠纯色偏移投影，分离视觉层与阴影层以避免旋转导致阴影歪斜和溢出。
-
答案：通过HTML5拖放API实现看板需设计可拖动卡片与投放区域，绑定dragstart、dragover和drop事件，设置draggable属性并用data-*存储数据，在dragstart中设置拖动数据，dragover中阻止默认行为以允许投放，drop时移动元素并更新状态，同时添加CSS样式提供拖动和悬停视觉反馈，最后可通过SortableJS等库扩展排序与跨列拖拽功能。
-
直接写.responsive-font()会编译失败，因为定义时若漏掉括号（如.responsive-font{...}）则不被视为Mixin，调用时.responsive-font()就报undefined；且调用必须带括号，参数类型须匹配，默认值确保空参可编译。
-
伪元素中::before和::after的\A换行不生效，因默认display:inline且inline元素忽略\A；需设display:block/inline-block并配white-space:pre/pre-line才生效。
-
<p>Symbol.iterator是内置符号，用于定义对象的默认迭代行为。通过实现[Symbol.iterator]()方法并返回符合迭代器协议的对象（具有next()方法，返回{value,done}），可使对象支持for...of、扩展运算符等语法。常用生成器函数简化实现，如[Symbol.iterator](){yield*iterable;}。该方法让类数组或自定义结构能被原生迭代操作使用。</p>
-
Object.defineProperty()可精细控制属性的enumerable和configurable：enumerable为false时属性不可遍历但可读写；configurable为false时不可删除或重定义特性；二者组合可实现类私有属性。
