-
yield本身不处理异步，仅暂停生成器并交出控制权；真正实现异步暂停的是yield后接Promise并配合await或手动next()调度；asyncfunction*使yield可等待Promisesettle后再产出值。
-
Vue.js数组响应式失效主因是直接索引赋值或改length；需用7个变异方法（push/pop/shift/unshift/splice/sort/reverse）或$set/splice替代；Vue3虽用Proxy增强支持，仍建议优先使用变异方法。
-
HTMLMediaElement.play()是原生方法，不存在html5play函数；分段播放需手动控制currentTime、pause()、play()及timeupdate事件，用区间判断替代精确时间点以避免失效。
-
StartupBlog主题首页图片不居中是因.startup-blog-featured-image类未设居中样式，需在Customizer中添加.startup-blog-featured-imageimg{display:block;margin:0auto;}并检查父容器浮动、尺寸及Elementor响应设置。
-
Angular的结构指令（如*someDirective）不能直接参与属性绑定表达式（如ngClass），因其本质是语法糖，会被编译为ngTemplateOutlet和嵌入式视图操作，无法返回布尔值供模板逻辑使用；正确方案是将共享逻辑提取至服务，并通过服务+管道或服务+指令协同实现条件控制。
-
答案：通过CSS:hover伪类实现列表项悬停效果。首先构建无序列表结构，利用li:hover设置背景色、文字颜色变化，并添加transition使过渡更平滑；可扩展边框、阴影、缩放等视觉效果，结合类名精确控制样式，推荐使用cursor:pointer提示交互性，提升整体用户体验。
-
flex:1为什么在垂直滚动容器里不生效因为flex:1本质是缩写flex:110，它依赖父容器有明确高度才能“撑开”子项；而如果父容器高度未设（比如只靠内容撑开），flex:1就没参考系，自然不收缩也不拉伸，更不会触发滚动。常见错误现象：overflow-y:auto完全没反应，列表内容直接溢出容器下方必须确保父容器有固定/可计算的高度：比如设height:100vh、max-height:500px，或父级是display:flex;flex-direction
-
先掌握TDD流程与工具，再通过Jest编写可读、独立的测试用例，实现红-绿-重构循环，如sum函数测试；选择Jest因内置断言和mock，配置脚本后写test文件验证行为；用jest.fn()隔离依赖，结合--watch与CI集成，生成覆盖率报告，聚焦核心逻辑测试，逐步养成习惯提升代码质量。
-
Firefox下scrollbar-thumb类不生效的直接原因是其仅支持scrollbar-color和scrollbar-width标准属性，忽略::-webkit-scrollbar伪元素；必须启用TailwindScrollbar插件的nocompatible模式并同时使用scrollbar-thumb-与scrollbar-track-类才能生效。
-
浏览器已限制beforeunload事件的自定义提示，仅显示内置中立提示；需通过isDirty标志判断脏状态后返回字符串触发，推荐用addEventListener绑定，并采用顶部提示栏、二次确认或自动保存等更友好方案替代。
-
HTML图标实现有四种主流方案：一、图标字体（如FontAwesome），通过CSS调用Unicode码点；二、内联SVG，直接嵌入HTML并用CSS控制；三、SVGsprite，集中管理多图标并按需引用；四、CSS伪元素+SVG数据URI，避免额外请求。
-
<p>真正随机选名字只需一行：constwinner=names[Math.floor(Math.random()*names.length)]；需确保names非空，避免减1或round导致偏差，不重复抽签应先洗牌再顺序取值。</p>
-
aspect-ratio在SCSS中与纯CSS无本质区别，仅是编译为原生CSS；需配合width或媒体查询实现响应式，避免变量插值格式错误（如浮点数）、空格缺失及父容器尺寸未定义导致失效。
-
JavaScript动态计算剩余天数并用CSS控制红色预警样式，HTML仅作结构容器；HTML本身无执行能力，无法读取时间或自动更新，倒计时必须由JS每秒计算差值并刷新DOM。
-
JavaScript中let与var的核心区别在于：作用域（块级vs函数级）、变量提升（TDZ存在与否）、重复声明限制（禁止vs允许）及全局对象绑定（不挂载vs挂载window）。
