-
浮动导致父容器高度塌陷是因为浮动元素脱离文档流，父容器无法感知其高度；BFC是标准解法，推荐用display:flow-root，兼容场景可选overflow:hidden。
-
JavaScript设备指纹需组合navigator、screen等只读属性，优先选取稳定、跨域可读且不触发权限弹窗的字段；避免已失效的plugins/mimeTypes，慎用降级的userAgent，推荐platform、hardwareConcurrency、screen尺寸配合devicePixelRatio；userAgentData受限于授权与兼容性，仅作补充；隐私模式下colorDepth、字体API等可能被篡改或禁用；HTML结构宜用语义化dl列表组织，字段ID需唯一带前缀，动态时间字段应哈
-
模板字符串不防XSS，需转义用户输入。用escapeHtml函数或textContent避免innerHTML，防止恶意脚本执行，确保数据以文本形式插入，结合DOMAPI或框架内置防护更安全。
-
可在Jimdo网站通过四种方式实现图片放大镜效果：一、纯HTML5+CSS3+JS实现canvas局部放大；二、集成magnific-popup插件支持弹窗缩放；三、纯CSShover缩放模拟；四、利用data-zoom属性动态触发canvas放大。
-
transition对transform无效的主因是未显式声明初始transform值或触发强制重排；须在基础样式中设好起始态（如translateX(-100%)）并始终声明transition，避免display切换或同步布局读取打断动画。
-
vw/vh相对于视口，%相对于父容器；全屏高度用100vh而非100%，字号适配需clamp(1.25rem,4vw,2.5rem)，Flex/Grid中优先用fr而非%，避免滚动条导致的100vw溢出。
-
overflow:auto仅在内容真正溢出限定高度的容器时显示滚动条；需设置height/max-height，避免absolute定位或flex-shrink:0导致计算失效，且需配合white-space、word-break等处理文本溢出。
-
浮动图片宽高不生效需设display:block；换行用clear:left；父容器塌陷用::after清除；现代推荐grid布局而非float。
-
用CSSGrid的repeat(3,1fr)可简洁实现3×3九宫格布局，无需设置子项宽高，配合gap、响应式媒体查询和基础样式增强即可快速完成自适应九宫格。
-
最省事方案是aspect-ratio:1/1，但仅支持Chrome88+、Firefox89+、Safari15.4+；旧版Safari和IE需降级用padding-top:100%+absolute定位，并注意min-width:0、父宽约束及vh/vmax的视口依赖缺陷。
-
JavaScript正则匹配需精准选用test()、match()、matchAll()：test()仅判布尔值，带g时需重置lastIndex；match()无g返回首匹配详情，有g则丢弃捕获组；matchAll()是获取全部带捕获组匹配的唯一可靠方式，必须带g且返回迭代器。
-
要让HTML页面更容易被屏幕阅读器访问，核心在于使用语义化HTML、ARIA属性和遵循无障碍最佳实践。1.使用语义化HTML标签（如<nav>、<main>、<article>）赋予内容结构和意义，帮助屏幕阅读器识别页面角色并提供导航选项；2.合理使用ARIA属性（如role、aria-label、aria-describedby）补充复杂UI组件的语义，但优先使用原生HTML；3.确保键盘可访问性，使所有交互元素可通过Tab键聚焦并用Enter/Space激活；4.为
-
首先将Notepad编写的HTML代码保存为.html格式，通过“另存为”选择“所有文件”并添加扩展名；接着双击文件或右键选择浏览器打开即可查看网页效果；若未正确关联，可手动设置默认打开程序；修改代码后需重新保存并在浏览器中刷新页面以更新显示内容。
-
ChromeWebPush失败主因是环境不满足硬性条件：必须HTTPS（localhost除外）+用户授权+ServiceWorker正确注册激活；常见问题包括协议非安全、SW文件响应异常、scope错误、隐私模式屏蔽、pushManager未就绪、VAPID格式错误及FCM链路中断。
-
setTimeout只执行一次，setInterval反复执行直至手动清除；前者是延迟一次的宏任务，后者是按间隔触发但易堆积回调，误用会导致内存泄漏或UI卡顿。
