-
clear:both无效是因为它只避开前一个浮动元素，不解决父容器塌陷；应使用::after伪元素触发BFC清除浮动，现代表单推荐flex布局。
-
闭包本身不提供回滚能力，但它是组织“原子化回滚”逻辑最自然的载体——关键在于把整个表单提交流程封装进一个受事务保护的执行单元中，让异常穿透触发数据库与内存状态的联动回滚。
-
WeakRef仅提供弱持有，不自动销毁数据；需结合视口监听、主动清理和安全访问机制实现视口外数据释放。
-
实现断点续推需服务端识别Last-Event-ID并为每个事件分配唯一有序字符串ID，客户端EventSource自动携带该ID；服务端校验请求头、容错处理，并按ID精准定位后续数据起始位置。
-
这是最常见、最推荐的方式，适用于大多数现代浏览器。2. 为什么使用 UTF-8？UTF-8 是一种可变长度的字符编码，能够支持全球所有语言的字">
<metacharset="UTF-8">必须置于<head>内首个可解析标签位置，否则浏览器可能已按默认编码（如ISO-8859-1）开始解码，导致中文乱码且刷新无效；其值须严格为“UTF-8”，文件保存也须为UTF-8无BOM，且与HTTP响应头charset一致。
-
hidden属性与display:none本质不同：前者是HTML5语义化布尔属性，影响DOM可访问性、表单提交和SEO，且可被CSS覆盖；后者是CSS渲染控制，彻底移除元素于渲染树。
-
getAll()返回空数组是因为未传参时默认查询空范围而非全表扫描，需显式传IDBKeyRange；它不兼容IE和旧Safari，大数量可能截断或卡顿，且Promiseresolve后事务可能关闭，操作须在链内完成。
-
box-shadow生效需满足三要素：元素有明确尺寸、非透明背景、完整语法（至少含水平偏移、垂直偏移、模糊半径）；内阴影需内容或背景支撑；避免overflow:hidden裁剪；编辑器参数错位时建议手写CSS或查Computed值。
-
使用CSSGrid的grid-template-columns配合auto-fit和minmax可实现响应式图片墙：.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}auto-fit会自动填充并拉伸列以适配容器，避免空白；minmax(200px,1fr)确保每列最小200px、最大等比分配。大屏显5列、平板3列、手机1列，无需媒体查询。与auto-fill不同，auto-
-
HTML不应长期缓存，应设no-cache或max-age=0,must-revalidate；静态资源需用哈希命名+public,max-age=31536000；meta标签无效，必须通过HTTP响应头配置。
-
为HTML多选列表添加可访问性的核心在于确保辅助技术能正确识别其角色、状态和值，并支持完整的键盘导航。1.使用原生<selectmultiple>标签并配合<label>实现基础可访问性；2.若使用自定义组件，需通过WAI-ARIA定义role="listbox"和role="option"；3.添加aria-multiselectable="true"表明多选能力；4.通过aria-selected管理选项状态，aria
-
HTML无法直接设置背景图片透明度，需用CSS多层背景叠加rgba色块或::before伪元素隔离图层；前者兼容性好，后者精准控制且不影响子元素。
-
必须同时声明color和background-color才能生效，因为::selection不继承父级颜色且仅支持这两个属性，缺一不可，否则回退到浏览器默认蓝底白字。
-
惰性初始化的核心是“用时才建”，即仅在实际使用时加载模块或构造对象，适用于非核心、低频触发的模块与资源；需满足不参与启动逻辑、无全局副作用、无早期强依赖三条件；Python3.15起支持原生惰性导入，可通过-Ximportlazy或importlib.import_module按需加载；类属性、单例、数据集等亦可延迟初始化；但须规避钩子注册冲突、线程安全、异常延迟暴露及析构依赖等风险。
-
CSS动画不触发display:none元素因其被排除在渲染树外；visibility:hidden元素虽在渲染树中但可能因绘制跳过或继承遮挡导致动画不可见；正确做法是先显式设可见再动态添加动画类。
