-
drop事件未触发的根本原因是dragover默认被浏览器阻止,必须在dragover回调中调用event.preventDefault();需用Array.from转换dataTransfer.files为数组,校验应结合name后缀与type,跨iframe或ShadowDOM需分别在对应上下文绑定事件。233 收藏 -
判断并高亮当前导航项需基于URL路径匹配:用window.location.pathname与链接路径前缀比对(startsWith),注意处理子目录部署、SPA路由响应式同步(如ReactRouter的NavLink或useMatch),并排查CSS优先级问题。219 收藏 -
ChannelMessagingAPI通过MessageChannel创建双端口通道实现跨源双向通信。主页面创建channel,将port1发给iframe,双方用各自端口收发消息,如主页面postMessage、iframe监听并回复。相比postMessage,其优势为通信无需校验origin、更安全高效,适用于父子窗口高频交互场景。422 收藏