-
必须在目标元素dragover事件中调用e.preventDefault()，否则drop不会触发；动态渲染需每次重新绑定；Safari需设dataTransfer.effectAllowed="move"；应传application/json结构化数据而非text/plain；避免dragstart中操作DOM；移动端需pointer事件fallback；嵌套列表需用closest判断落点并设子元素draggable="false"。
-
系统掌握HTML5需分三阶段：一、掌握语义化标签如<header>、<nav>等及与<div>的区别；二、用CSS3实现响应式布局与媒体查询；三、用原生JS通过事件监听、DOM操作增强交互。
-
Firefox对空白字符处理更严格，严格遵循HTML5规范导致排版错位；应使用white-space:pre-wrap等CSS属性控制，避免混用不换行空格与普通空格对齐，调试时须查看computedstyles中的white-space值。
-
HTML5更新需覆盖文件并穿透多层缓存。关键步骤：禁用HTML强缓存（设Cache-Control:no-cache），资源文件用哈希命名+长缓存，HTML最后上传，验证响应头、状态码及资源URL，同时清理CDN、更新preload/prefetch标签、触发ServiceWorker跳过等待。
-
PHPStorm新建HTML文件未自动应用HTML5结构时，需检查并设置默认HTML模板为HTML5格式，或使用LiveTemplate输入html5后按Tab键快速生成标准结构。
-
减少回溯：避免嵌套量词如(a+)+，改用\d+等简洁模式；2.预编译正则：将RegExp实例提取到循环外；3.优化匹配逻辑：用具体字符范围替代.*以提升效率。
-
合理使用CSS的:disabled伪类可提升表单交互体验。通过opacity、背景色、光标样式等视觉线索明确按钮禁用状态，结合pointer-events增强控制，避免仅依赖颜色或自定义类，确保可访问性与语义化，让用户清晰感知不可操作状态。
-
首先保存HTML文件为.html格式并确认DOCTYPE声明，接着使用实时视图快速预览；然后按F12通过默认浏览器查看真实效果，可配置多浏览器测试兼容性；若涉及动态内容，需在站点设置中配置本地服务器环境以确保正确运行。
-
JavaScript垃圾回收由引擎自动执行，依据可达性判断对象是否可回收；V8采用Scavenge（新生代）和Mark-Sweep/Mark-Compact（老生代）算法；隐式引用如未移除的事件监听器、未清除的定时器、DOM缓存等易致内存泄漏。
-
使用transform:rotate()和transition可实现平滑旋转动画。1.设置transition控制旋转时长与缓动；2.在:hover状态下改变rotate值触发动画；3.可通过transform-origin调整旋转中心；4.持续旋转建议用@keyframes配合animation。
-
Symbol是唯一不可变原始值，每次调用Symbol()都生成新值，靠内部标识而非字符串内容判等；Symbol.for()通过全局注册表实现跨模块共享，而Symbol()完全隔离。
-
不能。background-image不支持transition，因图像和渐变属不可插值类型；可用background-position位移模拟过渡，或通过伪元素叠加并过渡其opacity。
-
WebFontLoader是一个JavaScript库，用于主动管理字体加载过程，解决FOIT/FOUT失控问题，但不提升加载速度；它需与font-display:swap配合使用，通过active回调获知字体就绪时机，避免样式错乱。
-
transition的动画时间由transition-duration属性设置，可在transition简写中直接指定，单位支持秒（s）和毫秒（ms），可为不同属性用逗号分隔设置不同时间，推荐使用简写形式定义过渡效果。
-
答案：通过HTML的media属性可实现响应式CSS加载。1.使用link标签的media属性，如(max-width:600px)时加载small.css；2.常见条件包括设备宽度、横竖屏、打印和高分辨率屏幕；3.可用and组合多条件，精确控制加载时机；4.注意每个link只引用一个文件，避免样式冲突，提升性能。
