-
JavaScript排序算法实现需兼顾原理理解与实测性能；冒泡适合教学，快排平均O(nlogn)但最坏O(n²)，归并稳定且O(nlogn)，内置sort()通常最快；自写适用于学习、面试、特殊环境或定制需求。
-
使用justify-content和align-items可实现居中。设置display:flex的容器通过justify-content:center实现水平居中，align-items:center实现垂直居中，需确保容器有高度（如height:100vh），支持单个或多子元素整体居中，方法简洁兼容现代浏览器。
-
<p>使用calc()可实现动态响应式布局，通过数学运算混合单位如%、px、vw等。例如width:calc(100%-40px)可让元素宽度自适应并留边距；font-size:calc(16px+0.5vw)实现字体平滑缩放；在Flexbox或Grid中，结合固定宽度与calc()可使主内容区自动填充剩余空间，如width:calc(100%-200px)；需注意运算符两侧加空格、避免嵌套及不支持负单位直接写法，现代浏览器兼容性良好，合理使用可减少媒体查询，提升布局灵活性。</p>
-
浏览器中除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数据与用户统计设定目标浏览器。
