-
IE8及以下不识别HTML5标签，需用html5shiv通过document.createElement()注册并配合CSS设display:block；多媒体标签需多源格式+Flash降级；localStorage需存在性检测并降级至cookie。
-
JavaScript虽非纯函数式语言，但可通过规避副作用、坚持不可变性、避免共享状态来写出接近纯净的函数式代码；纯净函数要求相同输入恒得相同输出且无任何可观察副作用。
-
图片和文字垂直对齐不生效，主因是父容器未设置display:flex；需先声明display:flex，再用align-items:center才有效，否则该属性无效。
-
本文详解如何使用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返回视图名才能渲染。
-
IE8无法识别HTML5新标签，需用html5shiv在DOM构建阶段注册为块级元素；须通过条件注释在head中同步引入，且页面必须声明<!DOCTYPEhtml>。
-
在JavaScript中创建自定义元素的步骤如下：1.定义类并继承HTMLElement：通过classMyCustomElementextendsHTMLElement创建自定义元素类。2.在构造函数中使用ShadowDOM：调用super()并通过attachShadow方法创建ShadowDOM，设置内容和样式。3.注册自定义元素：使用customElements.define方法将自定义元素注册到浏览器中，完成后可在HTML中使用。
-
首先启动Nano编辑器并打开HTML文件，命令为“nanoindex.html”；接着直接输入或修改HTML代码；然后按Ctrl+O保存，回车确认文件名，再按Ctrl+X退出；最后可参考常用快捷键提高效率。
-
Canvas绘图需先获取2D上下文ctx=canvas.getContext('2d')，再用fillRect/strokeRect画矩形、arc画圆、beginPath+路径方法画图形；动画须用requestAnimationFrame实现清屏→绘制→循环；drawImage需在img.onload中调用以防未加载。
-
URLSearchParams是浏览器原生处理URL查询参数的接口，支持多种初始化方式、自动编解码、增删改查及多值操作。
-
Less中百分比无法直接参与算术运算，因%被视为不可计算的单位类型；需统一用小数表示（如1代表100%）或用calc()交由浏览器处理，避免单位混用报错。
-
根本原因是CSS全局作用域导致样式污染；BEM通过block__element--modifier命名约定主动隔离样式边界，要求HTML结构严格匹配命名层级，否则样式失效。
-
应使用JavaScript动态获取fixed广告真实高度并实时同步至文章末尾容器的padding-bottom，同时用占位元素兜底，兼顾安全区适配与布局健壮性。
