-
Generator函数是可暂停执行的状态机，调用返回生成器对象，需用next()启动并逐次推进；yield暂停并保留上下文，支持外部传值，return/throw会终止迭代。
-
:last-of-type选择器用于选中父元素中同类型标签的最后一个元素，如p:last-of-type会选中最后一个p元素并设置样式，常用于去除末尾间距或突出最后一段，支持现代浏览器且无需额外类名，提升代码简洁性。
-
Math对象提供静态数学方法：Math.round四舍五入、Math.floor向下取整、Math.ceil向上取整、Math.trunc截断小数、Math.pow或**求幂、Math.sqrt开方、Math.abs取绝对值、Math.max/min找极值；注意类型转换、边界行为及浮点精度问题。
-
JavaScript面向对象基于原型机制，ES6class是构造函数的语法糖；传统方式手动操作prototype，class则提供更严格、清晰的继承语法，但底层原理不变。
-
HTML5input[type="date"]的value和toISOString().slice(0,10)均自动补零，格式为YYYY-MM-DD；但手动拼接getMonth()+1等需自行补零，且后端不可假设前端必补零。
-
使用Flexbox的flex-wrap结合负margin和媒体查询，可实现响应式按钮组布局。通过设置.button-group为flex容器并启用换行，配合负边距抵消外边距，确保按钮间有间隙且不溢出；在小屏幕下利用mediaquery使按钮占满整行，提升触控体验。该方法无需JavaScript即可适配多设备，保持布局整齐美观。
-
本文讲解如何在JavaScript中精准控制样式作用范围，避免误操作（如遮罩层连同弹窗一起变暗），通过DOM结构优化和元素隔离替代CSS:not()的逻辑，实现仅对背景内容应用滤镜效果。
-
同源时可直接操作iframe.contentWindow，跨域时必须用postMessage通信；需确保iframe加载完成、严格校验origin，否则触发安全错误。
-
实现HTML表格数据的模糊搜索，最常见方法是使用JavaScript进行DOM操作，通过监听输入事件实时筛选并显示匹配行。1.基本实现：获取用户输入，遍历表格每一行和单元格，判断内容是否包含关键词，动态设置行的显示或隐藏；2.性能优化：对大数据量表格，采用节流/防抖机制延迟执行搜索函数，减少频繁触发；3.进阶优化：将表格数据提取到数组中，减少DOM访问频率；4.更智能的模糊搜索：引入编辑距离算法或使用Fuse.js等库，提升匹配准确性和容错能力；5.后端搜索优势：适用于海量、敏感或需多用户协作的场景，借助
-
最常见错误是CSS用.class但HTML漏写class属性；其次混淆后代选择器（空格）与子选择器（>）；再者误用:nth-child与:nth-of-type；还有属性选择器值含特殊字符未加引号。
-
relative定位后top/left没反应，需先确认是否设置了position:relative；再检查父容器overflow:hidden裁剪、单位错误或为0、百分比依赖父高度、Flex/Grid对齐干扰等问题。
-
flex项目空白区域过大是因flex-grow默认为0，子项仅按自身宽度占据空间；解决需合理设置flex-grow与flex-basis，如flex:1（即flex-grow:1;flex-shrink:1;flex-basis:0%）使项目均分剩余空间。
-
JavaScript调试主要依靠浏览器DevTools，核心包括断点调试、控制台交互、实时修改与性能分析；Chrome/Edge按F12打开，关键面板有Console、Sources、Network、Elements等，Firefox功能对等，VSCode可进阶协作调试，实用技巧如console.table、console.group提升效率。
-
根本原因是层叠顺序和源码位置决定最终生效规则，后加载或更具体的样式会覆盖前者；CSSModules仅隔离作用域，不解决语义一致性；真正有效的是语义化命名、单一入口和CSS自定义属性。
-
animation-timing-function控制CSS动画的速度变化，通过预设值如ease、linear或cubic-bezier()自定义贝塞尔曲线，实现自然流畅的动画效果，提升视觉表现力。
