-
<selectmultiple>提交时以同名参数传递所有选中value，JS需用selectedOptions读取；checkbox批量操作须每次动态获取元素并重算状态，避免缓存NodeList或漏掉新增项。
-
使用BlueGriffon制作网页需注意兼容性：1.采用HTML5的<!DOCTYPEhtml>声明避免怪异模式；2.确保字符编码为UTF-8，禁用废弃标签，通过W3C验证工具检查代码合规性；3.减少内联样式，避免-moz-等引擎私有前缀，补充-webkit-、-ms-、-o-等跨浏览器前缀；4.在Chrome、Safari、Edge中测试页面渲染，利用开发者工具排查布局问题。尽管BlueGriffon基于Gecko引擎，仍需手动优化以确保多浏览器一致性。
-
<wbr>是浏览器在容器宽度不足且其他换行策略失效时才考虑的断点提示，非强制换行；需配合overflow-wrap:break-word与明确宽度约束生效，适用于长URL、驼峰变量名等有逻辑分隔点的无空格字符串。
-
TypeScript高级类型通过交叉、联合、条件、映射及递归等特性，实现灵活的类型组合与逻辑判断，提升代码安全性与复用性。
-
Flask模板中{{}}是Jinja2引擎的变量插值语法，用于在HTML中动态渲染Python变量和表达式；它不依赖前端JavaScript，而是在服务端渲染时由Flask替换为实际值。
-
ShadowDOM是WebComponents的核心技术，用于实现DOM封装与样式隔离。通过attachShadow()方法可在元素内部创建独立的DOM环境，其结构和样式对外不可见且互不影响。支持open和closed两种模式，分别控制外部是否可访问ShadowRoot。具备样式隔离、结构隐藏和事件重定向特性，确保组件内聚性。利用:host和::slotted()可实现宿主与插槽的样式控制，CSS变量支持穿透传递。广泛应用于自定义UI组件、第三方嵌入工具及设计系统中，结合CustomElements构建高
-
Bootstrap5表单输入框:focus时默认有两层box-shadow：0000.25remrgba(13,110,253,0.25)和0000.25remtransparent，用于实现聚焦发光效果并补偿border-width。
-
BigInt与Number不兼容，因类型系统禁止隐式转换，混合运算如1n+1会抛TypeError；必须显式转换，且BigInt()构造函数不接受Number参数，JSON、Math、Date等API均不支持BigInt。
-
:first-child未生效是因为父元素首个子节点不是目标元素，如存在注释、空格或非li元素；:nth-child按所有子元素统一编号，非仅目标类型；建议用:first-of-type或:nth-of-type更可靠。
-
trimStart仅去除字符串开头空白符，trimEnd仅去除结尾空白符，trim则同时处理两端；三者行为独立不可互换，非语法糖。
-
<abbr>标签必须配合title属性才能实现语义化缩写功能，否则仅为普通内联元素；title需为简洁纯文本，提供准确全称，且不可含HTML或冗余描述。
-
clip-path动画不能直接用transition，因为浏览器仅对同构路径（如顶点数、类型、顺序均一致的polygon）进行线性插值；混用circle()与polygon()或单位不统一会导致跳变或失效。
-
JavaScript浮点数精度问题源于IEEE754标准，0.1+0.2!==0.3因二进制无法精确表示十进制小数，导致计算误差；可通过Number.EPSILON比较、整数换算、toFixed或decimal.js等方法规避。
-
纯HTML实现返回顶部需用<ahref="#top">指向带id="top"的顶部元素（不可设在<body>），配合html{scroll-behavior:smooth}启用平滑滚动，固定按钮需设z-index≥100并处理iOS兼容性；JS仅在路由、IE兼容或动态偏移时必要。
-
本文解析为何仅靠闭包共享状态（如counter）不构成单例模式，并演示如何通过延迟初始化与实例缓存实现符合定义的真正单例。
