-
fixed头部遮挡内容是因为它脱离文档流，后续元素不为其预留空间；解决方法是给body设与头部高度一致的padding-top，或用JS动态设置margin-top。
-
本文介绍一种灵活、可复用的JavaScript函数，支持对对象数组按用户传入的字段名列表进行模糊匹配搜索，自动忽略未声明字段，并安全处理类型转换与属性存在性校验。
-
直接用normalize.css是因为它统一浏览器差异而不破坏默认行为：保留标题层级、列表缩进、表单可访问性，仅修正不一致；自己重置易导致控件失能、语义丢失。
-
手机号输入框应使用type="tel"并配合inputmode="numeric"和pattern="[0-9]*"，监听input事件实时清理非数字字符，服务端必须校验号段与状态，同时支持国际号码并声明lang属性。
-
本文详解如何在React项目中基于PDF.js手动渲染PDF页面时，实现「仅对当前可见页面」进行独立缩放与旋转操作，避免全局缩放副作用，并提供完整可运行代码与关键原理说明。
-
z-index不生效的根本原因是元素未处于同一层叠上下文中；需确保父容器触发层叠上下文（如position:relative且z-index不为auto），子元素才可依z-index比较层级。
-
HTML本身不提供特效功能，所有动效须由CSS（transition/animations）或JavaScript（requestAnimationFrame等）实现；需避免display:none过渡、滥用will-change、误用marquee，并用DevTools定位渲染问题。
-
保存网页为HTML有五种方法：一、“另存为”保存完整页面；二、开发者工具复制outerHTML获取原始代码；三、控制台执行JavaScript并手动保存；四、安装扩展如SingleFile一键保存；五、用wget命令行批量抓取。
-
在GoogleEarthEngine的独立Web应用中，print()不可用；需通过getInfo()（同步）或evaluate()（异步）将服务端对象转为客户端值并输出到控制台。
-
CSS属性选择器能根据HTML元素的属性及属性值精准选中元素并应用样式。其核心在于提供多种匹配模式，实现精细控制。主要类型包括：1.[attr]：存在即选择；2.[attr="value"]：精准匹配；3.[attr~="value"]：包含词语；4.[attr|="value"]：以指定值开头或后跟连字符；5.[attr^="value"]：以指定值开头；6.[attr$="value"]：以指定值结尾；7.[attr*="value"]：包含指定值；8.[attr="value"i]：不区分大小写匹配
-
最直接的跳转方式是window.location.href，立即卸载当前页并加载新URL；标签更安全且语义化；window.location.replace()可避免返回记录；SPA中应使用框架路由API而非直接操作location。
-
Grid嵌套高度塌陷主因是子级未继承父行高或内容脱离文档流，导致父容器无法正确计算高度；使用grid-template-rows:auto时，若子Grid无明确高度且内部布局异常，易触发塌陷；解决方法为结合clearfix创建BFC防止高度丢失，并设置子Gridheight:100%、min-height:fit-content及align-self:stretch，确保父行能感知子内容实际尺寸，双重保障避免塌陷。
-
JavaScript类是独立语法结构，需用class关键字声明且必须命名；类体仅允方法定义，默认严格模式；constructor可选但继承时必调super()；方法不可枚举，静态方法用static修饰；类非语法糖，具严格构造约束。
-
HTML文档的字符编码通常是UTF-8，因其能支持全球绝大多数语言，且为现代网页开发标准；2.打开HTML文件最直接的方式是双击用浏览器（如Chrome、Firefox）打开，若要查看或编辑源码则需使用文本编辑器（如VSCode、SublimeText）；3.出现乱码时应首先检查HTML文件中是否声明了<metacharset="UTF-8">，其次确认文件保存时实际编码为UTF-8（推荐“UTF-8withoutBOM”），确保声明与实际编码一致；4.除浏览器外，可用于编
-
:invalid伪类需配合required、type、pattern等验证属性才生效，首次失焦后稳定触发，但跨浏览器行为不一致（如Safari/iOS延迟响应），不可单独依赖，须结合JS的checkValidity()和setCustomValidity()实现可靠校验与状态清除。
