-
块级元素默认宽度占满父容器、高度由内容撑开；高度不继承父级，需显式设置父容器height/min-height；存在margin合并、content-box计算及HTML语义嵌套限制。
-
负边距类名需作用于参与文档流的元素才生效，如block、inline-block或flex子项；脱离流的inline、absolute、float元素无效，且需注意父容器布局（如justify-content）、响应式断点、overflow裁切及组件内部transform干扰。
-
预加载资源前须检测fetch()或XMLHttpRequest支持性，降级时设xhr.responseType='arraybuffer'，确保document.readyState为'interactive'或'complete'后再执行，linkrel="preload"需配crossorigin与精确as值，批量预加载需节流并发、区分大文件延迟加载，并校验MIME类型与缓存策略。
-
HSL和HSLA通过色相、饱和度、亮度及透明度直观定义颜色，支持动态主题调整，比RGB更易操作，推荐优先使用。
-
本文介绍如何通过CSS媒体查询与弹性布局策略，使绝对定位的居中表单（如登录/注册弹窗）在小屏设备上自动缩放、避免遮挡固定头部和页脚，并保持居中与可读性。
-
本文详解如何通过HTML按钮触发JavaScript逻辑，从用户输入获取上限值，生成0到该值的整数序列，并为每个数字根据质数、偶数、奇数规则赋予不同背景色；重点纠正textContent误用于<input>元素及隐式类型转换导致的逻辑失效问题。
-
柯里化因依赖闭包而放大内存占用风险，每次调用生成新函数并持有上层参数，深层或高阶柯里化加剧作用域嵌套；闭包本身不必然泄漏，但延长变量生命周期，需警惕意外捕获大对象及长期持有柯里化函数。
-
iOS上tap-highlight-color失效是因为WebKit仅对原生可交互元素（如<a>、<button>）支持，普通元素需添加cursor:pointer或touch-action:manipulation并配合role="button"、user-select:none等才能生效。
-
判断导航条是否过顶应监听scroll事件，用getBoundingClientRect().top动态获取其距视口顶部距离，结合requestAnimationFrame优化性能；iOSSafari中sticky导航条需加容差判断top≤1。
-
使用:focus伪类可选中处于焦点状态的输入框，支持按类型、class、id或结构进一步限定，常用于提升表单交互体验，建议保留可访问性并合理使用样式替代outline。
-
TwitterCard预览图不显示，90%是og:image或twitter:image的路径、尺寸、协议或缓存问题；需确保图片为HTTPS绝对URL、服务器返回200状态码及正确Content-Type，且Twitterbot可直连访问。
-
BigInt解决了JavaScript中大整数精度丢失问题，能精确表示任意大小整数；它与Number类型不同、不可隐式转换，适用于加密、大ID等场景，但不支持Math方法、JSON序列化及小数运算。
-
Emit不实现文件上传进度条，真正依赖的是前端XMLHttpRequest的upload.onprogress事件监听上传进度，后端只需常规接收IFormFile即可。
-
table-layout:fixed是CSS中控制表格列宽计算方式的属性，它使浏览器仅依据第一行或col元素的宽度声明来确定列宽，从而实现可控的自适应布局。
-
必须按link→visited→hover→active顺序写，否则后声明的同优先级样式会覆盖前面的，导致hover和active效果被拦截或不可见。
