-
边框描边动画本质是控制虚线显示节奏：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文件至浏览器。
-
应使用div+CSS（Flex/Grid）替代table布局，规范导航栏、图库、国旗SVG、表单本地存储及中文字体fallback。
-
Vue页面更新慢的根源在于响应式追踪、虚拟DOMdiff、组件结构和浏览器渲染四层耦合；需通过合理key、计算属性、shallowRef、markRaw、组件拆分、virtualscroll及CSS优化等手段精准优化。
-
HTML本身不发热——它是纯文本标记语言，解析几乎不耗CPU；风扇狂转主因是JavaScript执行、Canvas渲染或浏览器渲染管线高负载，如未节流的scroll监听、频繁getImageData调用或强制同步布局。
-
Tree-shaking是一种基于ES6模块静态分析的构建优化技术，通过标记未引用的导出并结合压缩工具移除死代码，需使用ESM语法、支持的构建工具及正确配置sideEffects才能生效。
-
grid自动排列留空是因为跨越轨道的项不触发回填，后续项按源顺序和当前行剩余空间推进；启用rowdense或columndense可密集填充空位，但会破坏DOM与视觉顺序一致性。
