-
多列布局对不齐主因是盒模型默认为content-box导致宽度计算偏差；应全局设置box-sizing:border-box，并合理处理gap、百分比总和及空白节点干扰。
-
动态创建DOM元素的核心是使用document.createElement()创建元素，再通过appendChild()或insertBefore()将其添加到DOM树中；2.设置元素的文本内容可用textContent或innerHTML（需注意XSS风险），属性可通过element.setAttribute()或直接赋值，样式通过element.style设置；3.常见挑战包括频繁DOM操作导致的性能问题、事件监听器未移除引发的内存泄漏、使用innerHTML带来的XSS风险、复杂结构导致的代码可维护
-
答案：自定义事件系统通过on、off、once、emit实现对象间解耦通信，支持事件监听与触发，可扩展批量清除、最大监听数限制等功能，适用于组件通信等场景。
-
PWA实现依赖ServiceWorker、WebAppManifest和HTTPS三要素，其中ServiceWorker是核心JavaScript驱动部分，负责缓存、离线支持与后台同步。
-
rem是相对于根元素font-size的缩放单位，1rem默认等于16px，通过动态设置html字号可实现整体等比缩放，适用于响应式布局与无障碍适配；em相对于父元素字号，易因嵌套导致级联失控，适合局部弹性排版；px是设备独立像素，尺寸固定，适用于边框、圆角等非文本类样式。
-
requestAnimationFrame是浏览器原生动画API，按屏幕刷新率执行且自动暂停；与setTimeout不同，它需递归调用、基于时间戳计算位移、及时cancel以避免泄漏。
-
答案：为确保网页视频兼容性，应使用video标签并列提供MP4和WebM格式源文件。浏览器按顺序尝试加载source标签中的视频，优先选择支持的格式；MP4（H.264+AAC）兼容性最好，WebM（VP9+Opus）为开源推荐格式，OGG仅用于旧版浏览器；通过controls显示控制条，width、height或CSS设置尺寸，type属性声明MIME类型，内部文字作为不支持时的降级提示；建议用FFmpeg转换视频，预加载metadata节省流量，结合autoplaymuted实现自动播放，配合响应式设
-
HTML5嵌入交互式地图需调用第三方API：一、高德地图API（国内高精度）；二、百度地图API（中文POI强）；三、OpenStreetMap+Leaflet（开源无密钥）；四、GoogleMapsAPI（全球高精度但需付费）。
-
JavaScript中实现大小写转换主要依赖字符串对象的内置方法toUpperCase()和toLowerCase()，它们分别将字符串转换为大写和小写形式，且不改变原始字符串而是返回新字符串。在实际开发中，大小写转换广泛应用于用户输入的邮箱统一、搜索关键词的不区分大小写匹配、URLslug生成等场景，以实现数据标准化。处理非英文字符时需注意区域设置的影响，如土耳其语中“i”与“İ”的特殊转换规则，应使用toLocaleUpperCase()或toLocaleLowerCase()方法并指定locale来
-
实现带有随机大小和颜色的CSS标签云，核心在于使用JavaScript生成随机数值并将其应用到HTML元素的样式上。1.HTML提供标签结构；2.JavaScript生成随机字体大小和颜色，并注入到每个标签的style属性中；3.CSS负责基础样式和过渡效果渲染。通过结合HTML、CSS与JavaScript，可以构建出视觉丰富且动态变化的标签云，提升页面美观度与用户交互体验。
-
border-radius动画失效主因是起止值类型不一致或不可插值，须统一用数值单位且四角写法匹配；应避免auto等非数值值，优选class切换而非JS直改，并注意Safari兼容性问题。
-
Mac中双击HTML文件无法显示网页时，可依次尝试：一、在Finder中右键HTML文件→“显示简介”→“打开方式”选Safari→“全部更改…”；二、终端执行open-aSafari/路径；三、同法将默认应用改为Chrome或Firefox；四、直接拖拽HTML文件到浏览器窗口；五、用VSCode配LiveServer扩展实现实时预览。
-
通过内联关键样式确保页面基础可读性；2.利用onerror事件加载备用CSS文件应对资源加载失败；3.使用JavaScript检测样式生效状态并触发回退机制；4.预设字体与颜色的系统级回退方案。组合这些策略可有效提升页面在外部CSS加载异常时的显示稳定性与用户体验。
-
虚拟DOM和响应式系统是现代JavaScript框架的核心。答案：通过JS对象模拟DOM并结合数据监听实现自动更新。用VNode描述UI结构，避免频繁操作真实DOM；利用Object.defineProperty或Proxy监听数据变化，在getter中收集依赖，setter中触发更新；状态变化时重新生成VNode，通过diff算法比对新旧节点，最小化更新真实DOM；结合二者可实现“数据变→视图更新”的闭环，构成Vue、React等框架基础。
-
Flexbox替代Float可显著降低多列布局维护难度，因其原生支持对齐、换行、伸缩及视觉顺序调整，避免浮动导致的塌陷、清除、顺序依赖等问题。
