-
localStorage配合Pinia的核心目标是实现页面刷新后状态自动同步：状态变更即时写入localStorage，页面加载时自动恢复；推荐优先使用useLocalStorage组合式函数处理单个字段，整Store持久化则用pinia-plugin-persistedstate插件。
-
classList是操作元素CSS类最简洁安全的方式，支持add/remove/toggle/contains/replace等原子方法，可批量处理、自动去重、静默忽略不存在类，但清空需用className或setAttribute。
-
JavaScript可通过Node.js及专用运行时（如Espruino、Johnny-Five）控制硬件，实现物联网开发。它支持GPIO、I2C等接口通信，以简洁代码操作传感器与执行器，如用Johnny-Five使LED闪烁；Espruino可在微控制器上直接运行JS，实现实时交互与低门槛调试；结合MQTT、HTTP等协议，轻松对接云服务，适合全栈开发者快速构建中小型IoT项目。
-
直接双击保存为.html后缀的文件即可用浏览器运行，无需另存为网页；务必用纯文本编辑器、手动输入后缀、避免空格中文；本地file://协议下基础功能正常但API受限，需本地服务测完整功能；DOCTYPE必须首行且无BOM，路径须准确，404错误易被忽略。
-
<template>里的JS不执行是因为其内容被转为离线DocumentFragment，script被忽略、资源不加载、事件不绑定；必须用content.cloneNode(true)克隆后插入DOM才能生效。
-
答案：使用原生JavaScript通过监听dragstart、dragover和drop事件实现拖拽排序，结合HTMLdraggable属性与CSS样式提升交互体验。具体步骤包括：在dragstart中标记拖动元素并添加dragging类；dragover中阻止默认行为并计算插入位置；drop中移除样式类并完成排序。通过getDragAfterElement函数根据鼠标位置确定插入点，确保元素可插入到目标位置前。setTimeout用于延迟添加dragging类，避免样式失效问题。该方案无需第三方库，兼容
-
Flexbox子项高度不一致时，需设置父容器明确高度或min-height，并用align-items:stretch拉齐；子项内用display:flex、flex:11auto及min-height确保等高，IE11需避免flex:1简写。
-
使用<tr>标签定义表格行，嵌套在<table>中，配合<th>和<td>创建表头与数据单元格，HTML5推荐用CSS替代废弃的align、valign、bgcolor属性，通过style或class实现样式控制。
-
使用线性渐变结合background-position动画实现颜色流动；2.通过伪元素叠加与opacity过渡模拟渐变色变化；3.利用transform旋转或缩放伪元素创造动态遮罩效果。
-
HTML二维码本质是静态资源的说法错误，它只是将动态生成逻辑从前端转移，并未消除动态性；真正适合纯HTML方案的场景极少，仅限内容固定、无上下文依赖、无权限时效控制等严格条件。
-
使用:focus伪类可选中处于焦点状态的输入框，支持按类型、class、id或结构进一步限定，常用于提升表单交互体验，建议保留可访问性并合理使用样式替代outline。
-
异步组件加载完成前路由守卫不能直接放行，需在beforeEach中await组件import()Promise解析后再next()；推荐用resolveComponent预加载、Suspense兜底、Map缓存已加载组件，并注意SSR场景下的服务端兼容处理。
-
使用absolute定位实现弹窗居中，关键步骤为：1.设置position:absolute;top:50%;left:50%;再配合transform:translate(-50%,-50%)实现精准居中；2.父容器可设position:relative以限定定位参考范围；3.遮罩层用fixed覆盖全屏，z-index低于弹窗以确保层级正确。
-
JavaScript通过HTML5、WebRTC和WebAssembly等技术实现视频处理，主要流程包括：1.获取视频源，支持文件上传、摄像头捕获和网络流加载；2.利用canvas逐帧提取视频图像，进行滤镜、灰度等像素级处理；3.使用MediaRecorderAPI录制canvas流为新视频；4.借助WebAssembly和WebWorker优化性能，实现转码、剪辑等复杂操作。虽受限于性能与格式兼容性，但适用于浏览器端轻量级视频编辑与实时处理场景。
-
超薄本运行HTML函数工具发热时，应通过限制资源占用、优化代码、调整系统调度和物理散热四方面缓解：禁用Chrome硬件加速、降低Node进程优先级、改用Vite；用requestIdleCallback节流事件、DocumentFragment批量插入、限制循环次数；设置CPU最大状态70%、macOS限频、Linux调为powersave模式；使用金属支架、压缩空气清灰、贴相变导热垫。
