-
JavaScript生成器函数是可暂停和恢复执行的特殊函数，通过function*声明并返回迭代器对象，调用next()方法逐步运行，yield关键字实现暂停、返回值及双向通信，适用于惰性计算、异步流程和自定义迭代等场景。
-
JavaScript内存泄漏指本该回收的对象因意外保留引用而无法释放，导致内存持续增长、页面变卡甚至崩溃，常见于全局变量、未清理事件监听器、闭包持有大对象、定时器残留等场景。
-
用div模拟进度条并用linear-gradient实现彩色效果，需通过width或transform:scaleX()控制填充长度，避免直接样式原生progress标签，兼容IE9需加纯色兜底和-ms-前缀。
-
scroll-snap-type必须设在滚动容器上且满足溢出条件才能生效，其对齐精度受限于平台滚动策略，需结合JS二次校准以实现跨设备一致的卡片居中停靠。
-
★和☆是最简星评方案，需UTF-8声明、CSS控色与大小，仅支持整数分，IE8/XP可能失效，JS动态生成宜用数字实体防编码问题。
-
Next.js13+app目录下CSS生效需严格遵循导入规则：仅app/layout.tsx中import'./globals.css'有效；非模块CSS不可在组件内导入；CSSModules必须用.module.css后缀并按对象使用；删除next.config.js中冗余css配置；Tailwind需配置content路径；禁用_customDocument，所有样式注入须通过layout顶层import实现。
-
Flex换行后行间距“过大”是align-content:stretch默认拉伸整行所致，它将交叉轴剩余高度均分给各行，撑开子项造成视觉错觉；应改用align-content:flex-start关闭拉伸，再配合row-gap设置固定行距。
-
用border画箭头而非SVG或图片，因伪元素::before/::after不占DOM节点，可零JS、零资源实现单色实心三角，兼容IE8+；但不支持描边、渐变或圆角。
-
虚拟DOM的位运算标记是Vue3在类型判断效率与内存开销间的精妙平衡，用整数二进制位标识节点身份（如ELEMENT=1、STATEFUL_COMPONENT=2），通过按位或组合、按位与快速判断，兼顾性能、内存、可扩展性与编译友好性。
-
应轮询检测window.devicePixelRatio变化：用requestAnimationFrame实现精准、低开销的实时监听，并首次加载时立即执行；resize事件不可靠，因缩放不必然改变窗口尺寸。
-
父容器高度塌陷时应设position:relative激活定位上下文，使absolute子元素相对于它定位；父容器需有明确尺寸或由其他非absolute内容撑开，不可依赖absolute元素反向撑高。
-
直接使用input[type="email"]即可精准定位type="email"的输入框，无需class或id；注意引号必须为英文且type值严格区分大小写。
-
resize是浏览器原生行为，直接写内联样式但不触发事件，JS无法自动感知变化；必须通过mouseup或requestAnimationFrame主动读取offsetWidth并同步到CSS变量。
-
子元素浮动导致父容器高度塌陷，可通过clearfix类或overflow:hidden解决；推荐使用clearfix::after添加清浮动，避免溢出问题，而overflow:hidden触发BFC但可能裁剪内容。
-
align-items设置所有子项列轴对齐，align-self单独调整某子项列轴对齐，justify-items控制所有子项行轴对齐，justify-self单独设置某子项行轴对齐，四者结合实现Grid布局精准对齐控制。
