-
加border-top:1pxsolidtransparent能阻止外边距合并，因其满足计算后border-width>0且属于块级盒边界框两个硬条件，从而在margin间创建非空物理边界中断合并；虽视觉透明但增加1px盒模型高度。
-
使用grid-template-areas可定义命名网格区域，通过媒体查询在不同屏幕下重新排列布局。例如桌面端三列布局可变为移动端单列堆叠，隐藏次要区域并调整行列尺寸，结合minmax()与fr单位实现弹性自适应，提升可读性与维护性。
-
RxJS操作符是纯函数，用于创建、转换、过滤、组合Observable。核心分类包括：of、from等创建类；map、switchMap、mergeMap等转换类，实现数据映射与流切换；filter、debounceTime、throttleTime等过滤类，控制值的输出频率；combineLatest、zip等组合类，融合多流数据；catchError、retry等错误处理类，保障流的稳定性。其中，switchMap常用于搜索防抖，mergeMap支持并发请求，debounceTime减少高频事件触发，
-
自定义元素名必须含短横线（如my-button），constructor中不可操作shadowRoot，需在connectedCallback中渲染；attributeChangedCallback需配合observedAttributes使用；slot内容更新需手动监听slotchange事件。
-
CSS变量应只存纯路径字符串，如--bg-path:"/img/1.jpg"；若存url("/img/1.jpg")会导致background-image:var(--bg)失效，因浏览器不二次解析字符串。
-
原型链的终端是null，它仅作查找终止符而非继承参与者；Object.prototype才是继承实际终点，提供toString等通用方法；null是规范规定的[[Prototype]]合法原始值边界，确保查找逻辑明确终止。
-
可用Object.getPrototypeOf获取实例直接原型，再用===与目标构造函数.prototype严格比对，精准验证实例是否由该构造函数直接创建；也可用isPrototypeOf检查原型链中是否包含某原型。
-
index.html无法直接连接数据库，必须通过后端服务中转；前端用fetch调用API，后端连接数据库并返回JSON；切勿硬编码数据库凭证，需处理CORS和安全防护。
-
一个简单的JavaScript随机密码生成器可通过定义字符集、编写随机选取函数和添加用户交互实现。1.将小写字母、大写字母、数字和特殊符号组合成字符池；2.创建generatePassword(length)函数，利用Math.random()从池中随机选取字符拼接成指定长度的密码；3.通过HTML输入框和按钮获取用户输入并调用生成函数，将结果展示在页面上；4.为增强安全性，可分别从每类字符中至少选取一个，再填充剩余长度，并打乱顺序确保无规律性。该方法简单高效，适用于网页工具或插件开发。
-
<frame>标签的src属性需嵌套在<frameset>中生效，现代浏览器已弃用；常见问题包括结构错误、路径错误及X-Frame-Options拒绝嵌入；应改用<iframe>替代。
-
JavaScript原生Map天然按插入顺序迭代，适合实现轻量缓存：存取删淘汰均可直接利用其顺序特性，无需额外排序或时间戳，结合容量限制与惰性TTL过期可构建50行内零依赖缓存类。
-
矩形词云需用JavaScript在canvas或svg中逐词计算位置、避让与旋转实现，CSSflex/grid无法满足语义权重、动态避让、旋转及响应式重布局等核心需求。
-
使用::before和::after结合position可实现无需额外标签的浮动装饰。1.父元素设为relative，伪元素用absolute定位实现精确布局；2.通过@keyframes动画配合transform和opacity模拟上下浮动与渐变效果；3.同时使用两个伪元素创建多层装饰，如投影与高光，并用z-index控制层级；4.注意设置content、合理使用transform优化性能，避免过度动画以保持界面清爽。
-
inputmode是移动端软键盘提示属性，非强制指令；仅在触屏环境且配合type="text"类型时稳定生效，iOS16.4+和部分安卓输入法支持有限，真机测试更可靠。
-
ESM解析与执行按依赖图拓扑排序进行：先并行加载、依赖受限解析（子模块优先），再批量链接建立实时绑定，最后深度优先后序遍历执行（叶子优先）。
