-
浏览器中除console.log外，还可使用console.debug/info/warn/error分级日志、console.group/time组织上下文、console.table展示表格、console.dir查看嵌套对象、console.trace追踪调用栈，并可通过封装函数添加时间戳和模块前缀，生产环境通过域名判断动态禁用非error日志。
-
用background-position实现视差滚动最轻量兼容，关键在稳、有层次、不突兀：设no-repeat与cover/200%宽度撑满，@keyframes线性位移，长duration（如30s）+infinite循环，多层不同速度（40s/20s/8s）营造景深，注意图片宽度≥150%且适配减少动画偏好。
-
必须用font-display控制字体加载行为，推荐swap值；优先preloadWOFF2字体并设crossorigin；用document.fonts.load()主动检测加载状态。
-
运行HTML代码只需将其保存为.html文件并用浏览器打开，也可通过代码编辑器、本地服务器或在线工具实时预览。
-
本文详解为何正则表达式/\S*\$\$?[^$]*\$\$?\S*/gi会错误地跨公式边界匹配，以及如何通过懒惰量词、精确边界控制和结构优化，精准提取$xy$和$f(x,y)$等独立数学表达式。
-
CSSGrid子元素宽度不均的解决核心是用fr单位定义弹性比例或repeat()统一列结构：fr按剩余空间比例分配，repeat()可快速生成等宽列，需注意避免内容、min-width及fit-content干扰。
-
使用position:relative可对文字进行细微上下调整，如.adjust-up{position:relative;top:-2px;}实现上移，适用于标点、图标对齐等场景，调整幅度建议±1px到±4px，避免影响布局，需单独应用样式并在不同屏幕测试以确保一致性。
-
应删除HTML中冗余表格结构以提升语义性与性能：一、用开发者工具识别空表及布局型table；二、手动移除无内容且无样式依赖的空表格；三、将布局table替换为div+CSSGrid/Flex；四、批量清除过时属性与冗余标签；五、用正则表达式自动化精简。
-
使用font-family设置字体类型，优先指定常用字体并提供备选；2.用font-size控制文字大小，推荐px或rem单位；3.可通过内联style或外部CSS统一管理样式；4.建议使用系统常见字体、设置回退机制、引入Web字体并保证字号可读性，确保跨设备显示效果。
-
图标库样式丢失主因是资源加载失败，需检查<link>引用是否正确生效、iconfont字体文件（如.woff2）能否正常访问，并验证类名与Unicode匹配。
-
解构赋值是JavaScript中改变数据提取方式的语言特性，支持数组按位置、对象按属性名提取值，具备跳过、默认值、重命名、嵌套及剩余元素等能力，且仅浅层解构。
-
应采用特性检测而非浏览器检测：一、用Modernizr检测并适配HTML5/CSS3特性；二、原生JS检测API存在性；三、渐进增强HTML结构；四、结合@supports做CSS特性检测；五、依据caniuse数据与用户统计设定目标浏览器。
-
try...catch捕获同步错误及Promise构造函数内立即抛出的错误，Promise.catch()专用于处理Promise链中的异步拒绝；前者作用于块级同步上下文，后者依赖Promise状态冒泡机制。
-
JavaScript数组扁平化是将多维数组转为一维数组的过程，常用方法包括：使用ES2019的flat()方法可指定层级或Infinity展开全部；递归遍历数组并合并元素实现自定义逻辑；结合reduce与concat进行函数式编程处理；利用扩展运算符与some循环展开直至无嵌套。推荐优先使用flat()，兼容性不足时选用其他方式，操作中应注意保持原数据不变，必要时深拷贝。
-
页眉使用<header>标签定义结构，结合CSS设置背景、文字样式及粘性定位，通过Flex布局实现Logo与导航并排，利用媒体查询适配移动端，提升网页语义化与用户体验。
