-
实训内容应按任务组织，每项含目标、实现方式（关键代码）、实际效果、卡点及解决；须写本地服务器运行原因及兼容性实测细节。
-
用事件委托配合matches实现邮件多选：监听.mail-list的change事件，用e.target.matches('.mail-checkbox')识别目标，通过value获取邮件ID，统一处理勾选、全选及indeterminate状态，并用Array.from+querySelectorAll批量提取已选项。
-
无法用纯HTML实现FedCM联合登录，因其必须由JavaScript在HTTPS安全上下文中调用navigator.credentials.get()，且需用户手势触发、正确配置providers及mediation等参数，并满足浏览器策略与服务端OIDC信任链要求。
-
toString在对象转字符串时被优先调用，如字符串拼接、alert、console.log、String()；valueOf在需原始值时被优先调用，如数学运算、比较、Number()；引擎按规范顺序尝试二者，重写需确保返回符合类型要求的值。
-
答案：设计可扩展JavaScript事件系统需支持注册、触发、移除事件，采用观察者模式实现解耦；通过命名空间与通配符（如'form:*'）提升管理效率，结合树形结构优化匹配性能；支持异步回调与优先级控制，避免阻塞并确保执行顺序；提供once方法实现一次性监听，内置插件机制与模块化架构便于扩展中间件及定制实例，保障系统清晰稳定易维护。
-
text-box-trim目前未被任何主流浏览器支持，仍处于CSSTextDecorationLevel4草案阶段；实际开发中需用flex、transform或vertical-align等方案替代。
-
直接结论：在滚动容器上加overflow-anchor:none能关闭浏览器自动滚动补偿，避免内容插入时视口跳动；但必须配合“触底检测”逻辑，否则用户向上翻页时新消息会把当前阅读位置顶走。
-
漏掉removeEventListener是高频内存泄漏雷区，需检查生命周期配对、避免匿名函数绑定、警惕全局目标监听及removeEventListener参数不匹配等风险。
-
justify-self仅控制单个网格项在其所在单元格内的行内轴对齐，与“最后一行”无关；其生效需满足：元素为网格容器直接子元素，且所在列轨道存在空余空间。
-
通过CSS的transform和transition实现图片悬停平滑放大，首先设置图片默认样式并添加过渡效果，再利用:hover伪类改变scale值，配合overflow:hidden和object-fit:cover优化布局与显示。
-
最轻量兼容的淡入淡出方案是CSSopacity+transition配合JS类名切换：基础类设opacity:0和transition，.show类设opacity:1；多图轮播需JS管理索引、绝对定位叠层、仅用opacity/z-index控制显隐，避免display/visibility导致无法过渡或布局抖动。
-
place-content:center在grid容器上没效果，是因为它只在容器有剩余空间时才生效，需显式设置容器高度且大于网格轨道总高，否则无效。
-
dialog元素默认不渲染，需调用showModal()或show()激活；open属性仅初始化可见但非模态；showModal()启用完整模态链路，show()仅显示浮动层；点击遮罩关闭需兼容Safari坐标判断；method="dialog"表单提交后需手动管理焦点与returnValue兼容性。
-
可用异步生成器配合事件流实现“边触发、边处理、边产出”的异步数组遍历：定义asyncfunction*，每次await事件后yield当前元素，用forawait...of消费；或手动调度next()与Promise；或基于ReadableStream构建带事件依赖的pull机制，注意清理监听器、错误处理与边界控制。
-
configurable是属性最底层的开关，设为false后无法删除属性、不可修改enumerable和configurable本身，仅允许将writable从true改为false；writable可逆需configurable为true，否则固化。
