-
小屏幕下网页内容被裁切时，应通过设置overflow-x:auto启用横向滚动，并结合Flexbox或CSSGrid实现自适应布局。1.使用overflow-x:auto允许容器水平滚动，配合min-width防止内容压缩；2.采用display:flex与flex-wrap:wrap使子元素弹性伸缩并自动换行；3.利用grid-template-columns:repeat(auto-fit,minmax(200px,1fr))创建响应式网格；4.避免固定宽度，优先使用fr、%等相对单位；5.在关键容器
-
fill-current仅对内联SVG且无硬编码fill/stroke时生效；失效主因包括img引入、内联fill覆盖、父级无color设置、低版本Tailwind或PurgeCSS误删。
-
长文本溢出容器不换行的根源是white-space被设为nowrap或pre；中文长串需用overflow-wrap:break-word或word-break:break-all；Flex/Grid子项须加min-width:0才能正常折行。
-
ES6起函数默认参数语法为param=defaultValue，仅当传入undefined时生效；null、0等falsy值不触发；支持前参引用后参但不可逆；表达式每次调用求值。
-
HTML表格通过table、tr、td/th构建，支持border样式、colspan/rowspan合并单元格、caption标题及thead/tbody/tfoot语义结构。
-
加rel="noopener"是底线：它切断window.opener引用防跳转劫持，且保留Referer；rel="noreferrer"则同时禁用二者，适合隐私敏感场景。
-
CSSGrid的repeat(auto-fit,minmax())可自动调整列数，无需媒体查询；minmax(280px,1fr)设定单列最小宽度与弹性分配，auto-fit收缩空轨道，适配不同屏幕。
-
submit事件用于表单提交前整体校验与阻断，必须监听form元素；change事件在控件值变更并失焦后触发，仅反映最终值变化，不参与提交流程，需单独监听控件。
-
inputtype="date"点击无反应是因旧版Safari、安卓WebView等不支持而降级为文本框；需用JS检测el.type==='date'确认支持，设value须为YYYY-MM-DD格式且元素已挂载。
-
后代选择器通过空格分隔选择器，选中嵌套在父元素内的任意层级子元素，如divp{color:blue}会匹配div内所有p元素，常用于限定容器内样式；需避免过度嵌套，推荐结合类名简化，且区别于仅选直接子元素的子选择器（>），掌握它可精准控制局部样式。
-
JavaScript读写分离是避免LayoutThrashing最有效手段，即先集中读取offsetHeight等触发强制同步布局的属性，再集中执行style修改，确保重排最多1次。
-
使用Flexbox布局替代传统height控制，通过display:flex+max-height+height:auto组合，让容器自动收缩至内容高度（但不超过最大值），同时确保内部滚动区域正常工作。
-
animation-fill-mode无none值，其合法值为none、forwards、backwards、both等；none表示动画不冻结起始/结束帧，播放结束即恢复元素原有样式。
-
支配树中“顶级对象”指无其他Java对象支配它的根级持有者，即所有GCRoots到该对象的路径均不经过其他Java对象，其RetainedSize通常最大，最可能是内存泄漏源头。
-
直接查DevToolsStyles面板中带删除线的样式，悬停可见覆盖来源；权重按四元组(a,b,c,d)逐位比较，不进位相加，a为内联、b为ID、c为类/伪类、d为标签数。
