-
structuredClone()原生支持循环引用及Date、Map、Set、ArrayBuffer、BigInt、RegExp等JSON无法处理的类型，自动记录已访问对象以复现引用关系，但不支持函数、undefined、Symbol、Error、Proxy、WeakMap/WeakSet和DOM节点。
-
图片加载失败需用onerror指令触发状态变更，配合CSS类名与伪元素实现占位；优先内联SVG/base64避免二次请求；父容器统一管控尺寸与占位；结合loading、decoding、crossorigin等原生属性提升鲁棒性。
-
小项目用根目录+css/js/images/pages四文件夹，够用零配置；中大型项目必须分src/dist，否则路径混乱、协作困难。小项目指单人维护、页面≤5个、无构建需求的静态站，核心是路径稳定、一眼可定位：index.html放根目录，css/只放main.css和reset.css，js/仅存main.js和utils.js，images/按icons/banner分但不超过两层，多页面统一放pages/about.html等。
-
@supports不检测颜色对比度，仅判断浏览器是否支持特定CSS特性；它不能自动生成合规配色，但可检测color-mix()或filter:contrast()等现代特性以有条件启用增强方案。
-
通过调整position和z-index控制层叠顺序，确保目标元素位于顶层可点击；利用pointer-events:none实现点击穿透，auto恢复交互，从而精确管理重叠元素的响应行为。
-
:first-of-type和:last-of-type用于选择父元素内同类标签的第一个和最后一个元素，可精准设置首尾元素样式。例如去除首段上边距、末段下边距，为列表首项添加图标、末项加粗，或为导航首个链接设左圆角、末个设右圆角。二者基于元素类型匹配，非整体子元素顺序，若某类型仅一个元素，则两者均匹配该元素，兼容性良好，IE9+及现代浏览器支持。
-
必须将<metacharset="UTF-8">置于<head>开头、<title>之前；HTML文件须为UTF-8无BOM编码；HTTP响应头Content-Type也需设为charset=utf-8，三者缺一即可能导致中文乱码。
-
使用CSSFlexbox的flex:1配合flex-direction:column，可让动态子元素自动占据父容器中除去固定尺寸兄弟元素后的剩余垂直空间，无需硬编码calc()或JS计算。使用CSSFlexbox的`flex:1`配合`flex-direction:column`，可让动态子元素自动占据父容器中除去固定尺寸兄弟元素后的剩余垂直空间，无需硬编码`calc()`或JS计算。在传统块级布局中，当父容
-
darkMode:'media'可使Tailwind响应系统主题，但需在tailwind.config.js中显式声明并确保CSS中使用dark:前缀类，且基础色类不可缺失。
-
vertical-align能解决图片下方空白，但仅在img为inline或inline-block且父容器非flex/grid时生效；它对齐行框底边而非父容器，bottom值最稳定可靠，失效常因父级margin、HTML空白符或图片自身留白所致。
-
优先用aria-label于纯图标按钮，aria-labelledby于引用隐藏标签；role="button"仅用于非原生按钮的模拟；aria-hidden="true"禁止包裹交互元素；aria-live="polite"用于非紧急更新，“assertive”仅限关键中断。
-
bgcolor属性在HTML5中已被正式废弃，现代项目禁用；它违背结构与样式分离原则，且常被CSSbackground-color静默覆盖，可靠方案是同时设置html{min-height:100vh}和body{margin:0;background-color:#f9f9f9}。
-
通过Canvas和JavaScript可在HTML5中实现水印功能，首先创建canvas绘制文字并转为base64图像，再将其设为页面背景或固定定位的透明图层，覆盖全屏且不影响交互，常用于提示和防泄漏。
-
最实用保险产品横向对比方案是纯HTML表格，因其可读性、可打印性和无障碍支持强于CSSGrid/Flex；需规范使用thead/tbody、thscope属性，避免rowspan，移动端转卡片流；投保流程须手写HTML+CSS步骤条；保费试算前端仅作基础公式计算并标注“仅供参考”，正式报价必调后端API校验健康等动态因子；首屏内容必须HTML直出，关键CSS内联防FOUC。
-
Cookie需手动操作document.cookie字符串，易出错；localStorage永久同源存储，sessionStorage仅限单标签页；三者均不安全，敏感信息须后端校验。
