-
JavaScript虽非纯函数式语言，但可通过规避副作用、坚持不可变性、避免共享状态来写出接近纯净的函数式代码；纯净函数要求相同输入恒得相同输出且无任何可观察副作用。
-
图片和文字垂直对齐不生效，主因是父容器未设置display:flex；需先声明display:flex，再用align-items:center才有效，否则该属性无效。
-
CSSgrid-template-areas值本质是单字符串，换行符被视为空格，但每行引号内字符数必须严格对齐，否则区域名错位导致声明被忽略；不支持\行继续符；推荐每行独立引号、空格分隔、注释辅助对齐，并禁用Prettier自动格式化。
-
本文详解如何使用CSSGrid构建一个双栏响应式布局：左侧居中显示标题与描述文字，右侧完整展示图像（不拉伸、不裁剪），整体置于纯色背景面板中，并解决初学者常见的对齐失效与图像溢出问题。
-
用onwheel实现图片缩放需绑定img元素、调用preventDefault()阻止默认滚动，结合deltaY判断方向、transform-origin实现鼠标中心缩放，并限制scale范围在0.2–5之间。
-
Safari15.6中grid-template-areas含连字符（如"header-nav"）会静默失效，导致display:grid回退为block，应改用下划线或纯字母命名，并避免subgrid；Edge18不支持gap，需用margin模拟；Firefox120前不支持:has()；IE11和iOS9.3不支持CSS变量动态更新，需静态替换或JS控制；clip-path等细微差异需真机多版本测试。
-
SpringBoot默认静态资源路径为src/main/resources/static，其中HTML/CSS/JS直接HTTP映射访问；templates目录用于Thymeleaf等模板文件，需@Controller返回视图名才能渲染。
-
HTML5<dialog>标签默认隐藏且需JavaScript控制：show()非模态，showModal()模态并支持::backdrop（Chrome/Edge111+、Safari17.4+），Firefox不渲染遮罩；必须监听close事件统一处理关闭逻辑，表单提交会自动关闭，建议用JS控制流程以保障兼容性。
-
本文介绍如何在单个容器中为多张图片分别配置不同背景图，并通过绝对定位与透明度控制，实现“原图在后、半透明水印图在前”的滑块式视觉效果。
-
Bootstrap5tab切换需用opacity+visibility替代display控制显隐，关键CSS为：.tab-content>.tab-pane{opacity:0;visibility:hidden;transition:opacity.3sease,visibility.3sease;}.tab-content>.tab-pane.show{opacity:1;visibility:visible;}
-
Node.js安装最推荐使用官方LTS版安装包或NVM版本管理器，确保环境变量配置正确后，通过node-v和npm-v验证安装，配合nvm可高效管理多版本切换，适用于不同项目兼容性需求。
-
应避免用@import加载动画库，因其会阻塞CSS解析；推荐按需导入animate.css的特定动画文件或自建轻量动画库以减少体积和重绘压力。
-
IE8无法识别HTML5新标签，需用html5shiv在DOM构建阶段注册为块级元素；须通过条件注释在head中同步引入，且页面必须声明<!DOCTYPEhtml>。
-
本文介绍两种可靠方法，通过延迟页面可见内容的呈现，确保重定向逻辑（如用户身份判断、A/B测试分流等）在DOM渲染前执行完毕，彻底消除“闪屏跳转”现象。
-
最直接方案是display:inline-block，但需处理空白符缝隙；现代推荐flex（需设flex-wrap:nowrap）或grid（需定义grid-template-columns）；float已淘汰。
