-
使用::before和::after伪元素可在不改动HTML的情况下为表单添加视觉提示；2.通过position:relative与absolute结合content属性定位并显示图标；3.利用颜色如#d32f2f表示错误、#388e3c表示成功强化反馈；4.结合JavaScript动态添加类名控制样式显示，实现邮箱验证等场景的实时提示效果。
-
forEach用于执行副作用且不返回新数组，map用于一对一转换并返回新数组，filter根据布尔值筛选并返回新数组；三者均不修改原数组，但forEach无法中断或链式调用，map和filter可组合使用。
-
可通过CSS的border属性设置虚线边框，包括内联style、外部CSS类、单边控制、border-image自定义图案及box-shadow模拟等五种方法实现。
-
JavaScript通过属性描述符、seal和freeze控制对象可变性：属性描述符可设置writable、enumerable、configurable；Object.seal禁止增删属性，Object.freeze完全锁定对象，但均为浅层操作。
-
CSS404不报错是因为浏览器将其视为非阻塞资源，仅在控制台显示黄色警告；首要排查<link>标签href路径是否正确，包括相对路径、大小写、拼写及服务器实际文件位置，并借助Network面板验证请求地址与缓存影响。
-
应使用语义化HTML5标签、CSSGrid、Flexbox、BEM命名规范及WebComponents五种方法分块：一用header/nav/main/aside/footer等标签明确功能；二用Grid的grid-template-areas布局；三用Flexbox处理一维流式结构；四以BEM规范命名避免样式冲突；五借WebComponents封装复用区块。
-
本文详解如何通过Redux+WebSocket实现跨用户的游戏房间状态同步，解决dispatch触发后UI不更新、其他客户端无法感知inGame状态变化的问题，核心在于将状态变更同步至服务端并广播给所有房间成员。
-
ID选择器优先级高于类选择器，权重分别为1-0-0和0-1-0，组合选择器权重可叠加但无法超越ID，内联样式和!important优先级更高，需谨慎使用。
-
最可靠做法是用setTimeout包裹requestAnimationFrame启动逻辑，确保延迟启动、可中断、兼容性好，并配对使用cancelAnimationFrame清除旧句柄。
-
justify-content:space-around使弹性子元素在主轴上均匀分布，每个元素两侧空间相等，相邻元素间距为边距的两倍，首尾留白较小，视觉更平衡，适用于导航栏等需均衡布局的场景。
-
闭包实现策略模式的核心在于其能封装私有状态并返回可复用的函数，使策略具有独立上下文；2.其优势包括极致的封装性、灵活的参数化、避免this指向问题及便于测试；3.实际挑战包括调试困难、潜在内存泄漏和团队理解成本，可通过保持策略简洁、管理引用和加强文档来规避；4.闭包还可应用于模块模式、单例模式、装饰器模式以及函数柯里化等场景，是JavaScript中实现封装与复用的关键机制。
-
最轻量纯CSS画线方案是border，水平线用border-bottom，垂直线推荐background替代border以避免盒模型干扰；斜线用::after伪元素配合transform；高精度曲线用SVG；动态交互线用Canvas。
-
return会立即终止生成器函数的执行，返回指定值并设置done为true，后续next调用不再产生新值。
-
HTML5页面平滑过渡动画有五种常用方式：一、CSS3transition实现淡入淡出；二、transform模拟滑动切换；三、@keyframes构建翻页效果；四、WebAnimationsAPI精细控制；五、HistoryAPI同步URL与动画。
-
TypeScript是带类型检查的JavaScript增强版，所有合法JS代码都合法，但通过编译时检查提前拦截空值等错误；优先用interface定义可扩展业务对象，unknown替代any保障安全，类型是需持续维护的活契约。
