-
跨页面传数据需依场景选择机制：iframe用postMessage（父发子收，校验origin/source）；同源标签页用BroadcastChannel或localStorage+storage事件；跳转用URL参数、sessionStorage或history.pushState。
-
安全扁平化旧CSS的@import需提取重排而非直接删除：先用postcss-import展开，再用stylelint检查复合选择器冲突；cssnano慎用mergeLonghand等激进压缩；动态类名需ast-grep+运行时日志识别；字体异常多因font-weight被误删，应禁用对应压缩或改用CSS变量。
-
多个类同时生效需在HTML中用空格分隔，CSS中用连续点号连接类名构成复合类选择器；如<divclass="btnprimarylarge">对应.btn.primary.large{}，顺序无关，空格或逗号会改变语义。
-
应使用PostCSS解析AST提取颜色声明并统计频次，合并语义相同颜色、保留状态色差异，通过语义化变量安全替换，避免误伤非样式内容，并兼顾兼容性与压缩收益。
-
异步迭代器简化分页处理，通过封装获取下一页逻辑，使调用方无需管理页码或游标，仅用for-await-of遍历即可；其惰性特性实现按需加载，避免资源浪费，适用于大数据量场景；同时统一异步数据流处理方式，提升代码可读性、可维护性和复用性。
-
应使用requestAnimationFrame替代setTimeout实现平滑动画，配合预加载图片（newImage()+onload）、避免复用实例、用opacity/visibility控制切换，并通过picture或服务端适配WebP等格式。
-
纯CSS无法让伪元素边框自动贴合文字长度，但可用transform:scaleX()配合inline-block容器模拟可变长效果；需设width:100%、transform-origin:leftcenter，并处理换行、继承、居中及兼容性问题。
-
form表单默认不支持JSON提交，必须绕过原生提交机制浏览器原生提交永远是application/x-www-form-urlencoded或multipart/form-data，不可能直接发JSON。想用JSON，就得拦截表单默认行为，手动构造请求。常见错误现象：fetch发出去的数据在后端变成空对象或字符串"[objectObject]"，本质是没序列化或错用了Content-Type。必须用event.preventDefault()阻止原生提交数据得先
-
批量修改HTML应基于结构理解而非纯文本替换：用正则精准匹配标签边界处理imgsrc，用BeautifulSoup安全修正a标签target属性，用perl或PowerShell处理跨行注释，操作前务必备份并抽样验证DOM结构。
-
需掌握HTML5语义化标签结构搭建与CSS样式控制方法：一、用div、p、section等标签构建清晰内容结构；二、通过外部CSS文件及选择器设置盒模型与文本样式；三、用Flexbox实现一维响应式布局；四、用Grid构建二维复杂网格；五、通过CSS重置确保跨浏览器一致性。
-
HTML5表单验证通过内置属性实现基础校验，减少JavaScript使用。1.使用required、type="email"、type="url"、min/max、pattern、maxlength/minlength等属性可定义输入规则；2.浏览器在提交时自动检查并提示错误；3.可通过checkValidity()和reportValidity()用JavaScript手动触发验证；4.利用setCustomValidity()可自定义错误提示；5.需注意前端验证不可替代后端校验，部分旧浏览器兼容性差，
-
videohover跳动主因是盒模型变化，应设box-sizing:border-box、初始透明边框、父容器固定尺寸；hover应绑定外层wrapper而非video本身；移动端需用@media(hover:hover)限定或JS降级。
-
本文详解XML中“Theprefix'X'forelement'X:element'isnotbound”错误的根本原因，重点指出命名空间URI缺少引号导致解析失败这一常见陷阱，并提供可立即生效的修复代码与最佳实践。
-
localStorage和sessionStorage仅支持字符串值，存对象需JSON.stringify()编码、取时用JSON.parse()解码；二者区别在于生命周期（持久化vs标签页级）和作用域（同源共享vs单页隔离）；读写应封装容错逻辑并注意JSON局限性与环境限制。
-
用transition实现自然悬停效果需明确指定属性、合理设置时长与缓动曲线，并确保初始和hover状态值可插值，transition必须写在非hover的原始状态中。
