-
同源时可直接操作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()自定义贝塞尔曲线，实现自然流畅的动画效果，提升视觉表现力。
-
<p>PostCSS是一个通过插件自动处理CSS兼容性问题的工具，核心插件autoprefixer能根据目标浏览器范围自动添加-webkit-、-moz-等前缀，开发者只需编写标准CSS，构建时即可生成兼容多浏览器的样式代码。</p>
-
flex-wrap:wrap实现自动换行，需配合flex-basis或width控制子项基础宽度，并注意flex-shrink默认值导致的压缩不换行问题及gap兼容性陷阱。
-
transition-property与transition-delay需按顺序一一配对，多值写法中delay仅作用于前一属性；多个transition规则叠加时后声明的property会完全覆盖前者；伪类中delay失效主因是状态过早结束；transform与opacity宜分层控制以避免合成层冲突。
-
通过@keyframes定义动画关键帧，结合animation属性实现元素移动与透明度渐变。1.使用transform和opacity设置0%、50%、100%阶段的位移与透明度；2.将moveAndFade动画绑定到元素，设时长3s、曲线ease-in-out、无限循环；3.HTML中添加.animated-elementdiv触发动画；4.可选forwards保持最终状态。
-
JavaScript装饰器（@）仍是Stage3提案，未被ECMAScript标准采纳，所有浏览器原生不支持；必须经Babel或TypeScript编译转译为函数调用才能执行，其本质是语法糖而非内置机制。
-
最直接的方式是使用contenteditable属性控制元素编辑状态，或通过disabled/readonly控制表单元素。结合JavaScript可实现动态切换，如点击切换编辑模式、blur事件触发保存等。对于富文本，需处理粘贴净化、XSS防护及光标定位；对于即时编辑，可通过DOM替换实现“显示-编辑”切换。安全性方面，必须后端净化用户输入，前端配合CSP和ARIA提升安全与可访问性，同时采用防抖优化性能。
-
CSSGrid响应式需配合媒体查询实现，因其本身不自动响应；常用方法包括用@media切换grid结构、用repeat(auto-fit,minmax())自动调整列数、重定义grid-template-areas适配不同屏幕。
