-
CSS中url()路径错误是背景图不显示的主因，需按CSS文件位置而非HTML位置写相对路径；大小写敏感、Network查状态码、background简写覆盖、容器无尺寸等亦为常见原因。
-
浮动塌陷是因浮动元素脱离文档流致父容器高度为0；推荐用overflow:hidden触发BFC解决，但需防溢出裁剪；clear应加在后续兄弟元素上；现代布局优先用Flexbox或Grid。
-
根本解法是用带明确语义的类名和合理命名约定（如BEM）精准控制样式范围，避免宽泛选择器导致的样式污染。
-
函数组合是将多个函数按顺序串联，使前一个输出成为后一个输入，形成新函数的过程；它通过管道化抽象实现逻辑复用、提升可读性与可维护性，要求各函数保持单一职责和纯函数特性。
-
HTML语义化需遵循五项规范：一、用<nav><article><aside><footer>等替代div/span；二、严格按h1–h6层级嵌套标题；三、为多媒体添加恰当alt文本及字幕；四、列表与表格各司其职并正确标记；五、交互元素须用原生标签并正确关联状态。
-
最稳定方式是用getComputedStyle().getPropertyValue()读取CSS自定义属性；修改则通过element.style.setProperty()设置，注意作用域、拼写和执行时机，避免强制同步布局。
-
align-items用于控制Flexbox子元素在交叉轴的对齐方式，transition则用于实现属性的动画过渡；由于align-items的取值为关键词而非连续数值，无法直接触发过渡动画。例如将align-items从flex-start变为center时，样式会立即切换而无动画效果。要实现类似“对齐动画”的视觉效果，应改用支持过渡的属性进行模拟，如transform:translateY()、margin或top/bottom等可插值属性。通过结合:hover状态或JavaScript类切换，配合t
-
flex:1分配的是父容器中未被其他元素占用的剩余自由空间，取决于各子项的flex-basis与父容器总宽的差值；设多个flex:1仅在flex-basis一致或为0时均分，否则内容宽者先占位再分剩余。
-
fetch是现代浏览器原生Promise-basedHTTP接口，区别于XMLHttpRequest：不自动带cookie、不设默认Content-Type、非网络错误（如404/500）不会reject，需手动检查response.ok。
-
媒体查询必须写在样式表顶层，不能嵌套在CSS选择器内部；推荐使用min-width实现移动优先；常见失效原因包括优先级覆盖、加载顺序错误和浏览器缓存；断点应统一用px单位。
-
JSP可通过直接编写HTML、include指令、Java代码读取文件或Servlet传递属性四种方式获取并渲染HTML内容，适用于不同场景的动态页面生成需求。
-
本文详解如何解决因直接使用file://协议加载本地PNG图标导致的CORS错误，并提供基于本地开发服务器的安全、可靠方案，确保HEREMaps自定义图标正常显示。
-
HTML表格通过table、tr、td/th标签构建基本结构，支持边框设置、单元格合并及嵌套布局；其中th用于表头，rowspan/colspan实现跨行跨列，HTML5推荐用CSS替代废弃的border等属性。
-
下拉框联动的核心逻辑是监听change事件并动态更新选项。需先清空目标下拉框，再根据映射关系或异步数据填充；注意防重复添加、禁用状态、错误处理及第三方库兼容性。
-
本文详解如何通过配置scales.x.display和scales.y.display为false，彻底隐藏Chart.js中残留的X/Y坐标轴线条（即“轴线”本身），解决仅关闭grid边框后仍可见的黑线问题。
