-
absolute元素百分比高度失效的本质是包含块高度为auto，导致50%×0px=0px；仅设position:relative不解决，因未赋予实际高度；有效方案包括flex:1、vh单位或补全html/body高度链。
-
JavaScript模块化主要靠ES6模块（ESM）和CommonJS（CJS）：ESM静态编译时解析、import/export语法、只读绑定、默认严格模式；CJS动态运行时加载、require/module.exports、对象引用、支持动态路径；二者加载时机、循环依赖处理及Node互操作方式不同，需注意兼容性与转换。
-
HTML中嵌入JSON时需先提取再美化：用正则或sed提取<scripttype="application/json">内的JSON片段，再用jq或Prettier处理；写入时须避免</script>截断和引号转义冲突，推荐分离JSON文件。
-
filter是JavaScript数组方法，遍历原数组并返回满足条件元素的新数组，不修改原数组；回调函数需返回布尔值，常用参数为当前元素，适用于数字筛选（如n>10）和对象筛选（如u.status==='active'）。
-
min-content是内容不换行时的最小自然宽度，max-content是内容完全不折行的理想宽度；二者为内容驱动的计算值，常用于grid、fit-content等场景，但flex和block中需配合display或overflow等属性才能生效。
-
TreeShaking插件通过静态AST分析识别未被import引用的ES模块顶层导出（named/default），构建引用图并剔除未存活声明，需保留副作用代码、递归处理依赖链，且高度依赖代码符合ESM与strictmode规范。
-
HTML表格使用<table><tr><th><td>构建，支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。
-
清除整个SessionStorage的最简方式是调用sessionStorage.clear()，它立即删除当前源下所有键值对，不可逆且不触发storage事件；removeItem(key)是删除单个key的唯一合规方法，delete操作无效。
-
普通对象与自定义实例的本质区别在于内部结构、创建方式和原型链归属：前者由{}或Object.create(null)创建，constructor为Object且__proto__指向Object.prototype；后者由new调用构造函数生成，constructor指向自定义函数且__proto__指向其prototype。
-
SCSS中应基于基础单位$spacing-unit派生语义化spacingmap，并封装spacing()函数支持方向参数与fallback，配合命名空间utilityclass和ESLint约束，实现可维护、可扩展的间距管理。
-
数据大屏粒子背景需绑定容器尺寸、禁用滚动与鼠标交互、适配高分屏且透明不遮挡；canvas宽高须基于容器rect和devicePixelRatio动态设置，tsparticles须关闭autoSize和fullScreen并禁用hover/click。
-
blockquote必须闭合，否则浏览器自动修复会导致布局错乱、footer消失、cite失效及屏幕阅读器朗读异常；cite属性须为完整URL，专标来源而非作者；footer与cite是语义闭环必备，须正确嵌套并适配深色模式样式。
-
非HTTP环境下link标签失效时，应改用JavaScript动态注入内联style标签，并根据不同环境（Node.js、Electron、WebView等）选择对应读取CSS内容的方式，确保样式可靠生效。
-
getBoundingClientRect()返回元素在视口中的实际像素占据量（含transform、高DPI小数等），包含content+padding+border，不含margin；而style.width或getComputedStyle().width仅反映CSS声明值，不体现最终渲染结果。
-
Git原始提交哈希必须严格为40位小写十六进制字符，正则表达式为^[a-f0-9]{40}$，需配合trim、小写归一化及整串锚定校验。
