-
template标签不渲染、不执行、不绑定，仅作离线仓库；必须用template.content.cloneNode(true)获取可操作内容，填值优先用textContent/value，批量插入需用DocumentFragment优化性能。
-
Grid兼容性需按特性分级处理：IE11仅支持-ms-grid旧语法且需手动换算行列索引，Safari9–10.1不支持gap和fr单位；应优先用@supports检测关键能力并外置降级样式，gap失效时用margin负值抵消。
-
white-space:nowrap是最直接有效的禁止自动换行方式，但需配合width/max-width、display:block/inline-block、overflow:hidden及text-overflow:ellipsis才能实现完整截断效果，且在表格、contenteditable等场景需额外处理。
-
HTML本身无函数，问题实为HTML+JS前端应用在被动散热设备上能否稳定运行；关键取决于JS负载、渲染压力及浏览器实现，需优化代码与配置以控温降耗。
-
用::before和::after实现文字两侧横线需包裹文字于容器（如span或h2），设display:inline-flex/align-items:center，伪元素content:""、flex:1、border-top；IE11兼容用display:table布局。
-
边框描边动画本质是控制虚线显示节奏：stroke-dasharray设路径总长，stroke-dashoffset控制起始位置；需用getTotalLength()或JS动态计算周长，响应式下须监听resize重算；CSS变量可驱动stroke-dashoffset动画（Chrome110+/Firefox112+支持transition），但@keyframes中var(--offset)无效；SVG推荐显式path而非rect，避免圆角导致dash跳变；Safari性能差时宜改用mask+backgr
-
Blob本身不提升性能，但能绕过传统文件处理瓶颈：避免全量加载内存、跳过服务器中转、支持流式操作；应分块读取、及时释放引用、优先用URL.createObjectURL预览，构造File需继承Blob，fetch后用blob.stream()实现无压力解析。
-
RSA-OAEP+AES-GCM混合加密是当前Web端最可行方案，因RSA-OAEP有长度限制（2048位密钥仅支持约214字节），无法加密长消息，而AES-GCM负责主体加密、RSA-OAEP加密临时密钥，兼顾效率与兼容性。
-
gap比margin更可靠，因其是布局层原生间隔控制，不参与盒模型计算，不触发重排、不影响justify-content对齐；而margin模拟易在动态增删或响应式时出错，且无法实现容器边缘留白。
-
安全项状态总览需用JavaScript结合后端API动态渲染，禁止HTML硬编码；各状态须绑定数据字段、防XSS、路由契约对齐、样式隔离，确保颜色/文案/操作三者一致可信。
-
minmax(auto,300px)中auto等价于min-content而非弹性自适应，导致侧边栏过窄；应改用minmax(240px,300px)或fit-content(300px)，并配合内容换行控制。
-
WebNFC仅支持NDEF标准标签（如NTAG213/215/216），不支持身份证、门禁卡等普通IC卡；需HTTPS或localhost环境，仅ChromeforAndroidv95+稳定支持，iOS完全不支持；初始化前须检测'NDEFReader'inwindow且协议为https或localhost；scan()为单次扫描，reading事件需立即绑定，record.data为ArrayBuffer，须用TextDecoder解码；write()需用户手势触发且标签可写，不提供UID读取能力。
-
animation-direction用于控制CSS动画播放方向，其可选值包括normal（正向）、reverse（反向）、alternate（奇次正向偶次反向）和alternate-reverse（首次反向后交替），常配合@keyframes与animation属性使用，适用于呼吸效果、往返移动等场景，结合animation-iteration-count:infinite可实现平滑循环动画。
-
加版本号参数无法刷新CSS缓存的本质是服务端返回304或浏览器直接读本地缓存；应使用构建工具生成contenthash文件名（如main.a8f3b.css）并确保HTML引用、@import路径、HTTP缓存头同步更新。
-
可在Eclipse中通过四种方式预览HTML：一、配置外部浏览器为默认；二、使用内置Preview标签页；三、部署到Tomcat等服务器运行；四、手动拖拽HTML文件至浏览器。
