-
真正整齐的列表根本在于HTML结构合规：ul只允许li、ul、ol为子元素，非法嵌套会被浏览器自动修复导致DOM异常；应避免div/p等块级元素直接插入ul，li内可用行内元素或article分组，横向排列时需清除list-style并用伪元素自定义标记，嵌套列表须用原生结构配合ulul选择器缩进。
-
直接让对象实现handleEvent方法可省去removeEventListener时重复传函数引用的麻烦；用class封装支持状态共享与复用，配合AbortController.signal能自动批量清理监听器。
-
\_HTMLvar不是标准HTML标签，而是服务端模板引擎的占位标记，运行时被替换为真实HTML；直接在浏览器中打开含该标记的.html文件将无效，需确认文件类型、模板引擎是否启用及替换逻辑是否执行。
-
函数参数解构通过对象解构+默认值实现自解释接口，提升可读性、灵活性与容错性；支持任意调用顺序、新增字段不破坏旧代码、IDE自动提示、嵌套配置分层清晰，并需用默认空对象防御null/undefined。
-
requestIdleCallback是浏览器在主线程空闲时执行低优先级任务的调度API，适用于日志上报、非关键资源预加载等可中断任务，需配合timeout和deadline.timeRemaining()使用，并用cancelIdleCallback取消。
-
Object.getPrototypeOf(obj).constructor.name可安全获取实例的类名，优先于instanceof和字符串解析；需处理constructor被覆盖、匿名类、跨iframe等边界情况，并提供兜底方案。
-
最直接的方式是使用<iframe>标签嵌入预生成的地图链接，适用于展示固定位置；2.若需动态交互或自定义功能，则应使用GoogleMapsJavaScriptAPI；3.选择方法取决于需求复杂度：静态展示用<iframe>，动态功能用API；4.常见问题包括API密钥配置错误、地图容器无明确尺寸及脚本加载时机不当；5.替代方案包括OpenStreetMap（搭配Leaflet或OpenLayers）、Mapbox、百度地图和高德地图，可根据地区、成本和定制需求选择。最终选择应综合考
-
Less的@import默认不自动去重，多次导入同一文件会导致样式重复编译；@import(once)可显式去重但仅对完全相同路径生效，无法解决路径别名或多入口问题，需配合顶层入口收敛和构建配置优化。
-
直接用percentage()配合递归循环生成栅格类更可靠，因宽度在编译期固化为精确百分比字符串，避免浏览器小数截断导致换行或间隙；calc(100%/@n)在Less中不可靠，因预计算产生多位小数或报错，应改用percentage(1/@n)。
-
HTML弹窗被拦截时浏览器静默失效，不抛错、不返回失败值、不触发回调；需在用户手势上下文（如click事件）中同步调用window.open()，或采用预留窗口（'about:blank'）再导航的合规方案。
-
Cropper.js初始化图片不显示或黑屏，主因是容器无显式宽高或图片未加载完就初始化；必须用img.onload确保加载完成后再newCropper，且容器需设width/height，避免display:none父元素中初始化。
-
JavaScript中实现异步编程可以通过回调函数、Promise和async/await三种方式：1.回调函数示例：fetchData(callback)用于获取数据，但容易导致回调地狱。2.Promise示例：fetchData().then()避免了回调地狱，但需注意滥用.then()链。3.async/await示例：asyncfunctionmain()让代码看起来像同步，但需避免过度使用await影响性能。
-
PointerEvents统一处理三类设备需围绕指针类型判断、默认行为干预、采样精度控制和降级策略四点展开：区分pointerType调用preventDefault()；仅在交互容器设touch-action:none；压感笔必用getCoalescedEvents()补帧；监听pointercancel并处理多点与拖拽逻辑；降级需特征检测而非仅依赖polyfill。
-
overflow:hidden能撑开父容器高度是因为触发BFC，使浮动子元素参与高度计算；但会裁剪溢出内容，现代推荐语义更清晰、无副作用的display:flow-root。
-
hover过渡不生效的主因是transition未写在元素默认状态规则中，且:hover可能未真正命中目标元素；需确保transition声明在非hover规则里，并用开发者工具验证实际触发区域。
