-
拖拽成功需同时满足：1.dragstart中调用dataTransfer.setData()设合法类型值；2.dragover和drop事件中均调用preventDefault()；3.用CSS禁用user-select和滚动干扰；4.移动端须降级为touch事件实现。
-
margin:auto水平居中失效的根本原因是未满足三前提：元素必须为块级（display:block/inline-block）、必须设置明确width（max-width无效）、父容器不能是flex/table布局。
-
实现颜色渐变过渡需使用CSStransition属性，结合hover等状态变化触发；通过设置transition的属性名、持续时间等子属性，可使background-color、color、border-color等颜色属性在指定时间内平滑切换，如按钮悬停变色效果，需注意颜色值可计算、避免display切换、推荐使用opacity替代以保证过渡流畅。
-
应使用rgba()或hsla()设置面包屑背景透明度，因其仅作用于背景色；而opacity会令整个元素及子元素（含文字、图标）一同变透明，降低可读性、违反无障碍标准，且不可被子元素重置。
-
图文混排可用float和inline-block实现。1.float适合文字环绕图片，但需清除浮动；2.inline-block适合模块化布局，但有间隙问题；3.现代布局推荐Flex或Grid，兼容场景可选前两者。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
微任务常见来源包括Promise.then()/catch()/finally()、MutationObserver回调、queueMicrotask()及await后续代码；宏任务包括setTimeout/setInterval、I/O回调、UI渲染、postMessage等。
-
可通过五种方式修改HTML元素颜色：一、内联样式直接设color属性；二、内部样式表在head中用style标签定义；三、外部CSS文件通过link引入；四、JavaScript动态修改style.color；五、CSS变量统一管理主题色。
-
通过配置EditPlus的用户工具将浏览器路径添加为外部程序，并设置快捷键，可实现HTML代码编写后一键在浏览器中预览效果。
-
DOM操作提供六种核心技巧：一、createElement+appendChild添加元素；二、insertBefore精确插入；三、replaceChild替换节点；四、removeChild删除子元素；五、innerHTML/textContent批量更新；六、cloneNode复制结构。
-
WebStorage适合客户端存储因其容量大、不干扰网络通信、操作简洁、同源隔离明确；localStorage长期保存，sessionStorage仅限单标签页临时使用。
-
三星旧机型（Android4.4以下）需动态注入target-densitydpi=device-dpi且width=640的viewport，rem布局应延时设置font-size并用screen.width×dpr计算，SPen需同时监听touchstart和click，canvas与图片须按dpr缩放适配。
-
该教程详解如何通过简洁的JavaScript逻辑实现“以替换数组为准”的数组合并——即完全采用替换数组的元素顺序与内容，自动丢弃原数组中不存在于替换数组的值，同时不引入重复项。本质上等价于直接赋值或原地替换。
-
JavaScript中class是语法糖，真正继承靠extends+super()；子类constructor必须首行调用super()，否则无法访问this；super指向父类原型，用于复用方法；继承内置类需特殊处理以确保实例行为正确。
-
应优先使用classList而非手动拼接className，因其原子化操作安全可靠；支持add、remove、toggle、contains、replace（需兼容处理）等方法；多参数和展开语法可批量操作；注意事件绑定时机与CSS过渡重排。
