-
<p>Array.prototype.sort方法默认按Unicode码点值排序数字数组可能导致错误结果，正确排序需提供比较函数。1.默认排序会将数组元素转换为字符串进行比较。2.正确排序数字数组需使用(a,b)=>a-b。3.降序排序使用(a,b)=>b-a。4.对象数组排序需基于对象属性，如学生成绩或名字。5.排序会改变原数组，需复制数组以保留原数据。6.性能和稳定性因引擎而异，需注意大数组排序和稳定性问题。7.国际化排序需使用Intl.Collator。</p>
-
可以构建不依赖打包工具的现代化SPA。利用原生ES模块、动态导入和前端路由，通过<scripttype="module">加载模块，使用import()按需加载页面，结合history.pushState和popstate实现路由切换，动态渲染页面内容，并借助本地服务器运行，适合中小型项目或教学。
-
::selection中RGB颜色未生效是因为多数浏览器仅支持不带透明度的纯色（如#2a5c82），禁用rgba()、hsla()等含alpha的写法；需用十六进制转换并加浏览器前缀，且iOSSafari完全不支持该伪元素。
-
通过开发者工具、页面渲染效果、控制台提示及JS监听事件判断CSS加载失败；2.常见原因包括路径错误、MIME类型配置不当、网络或权限问题；3.解决方案为修正路径、设置正确MIME类型、使用备用样式回退、内联关键CSS及CDN容错处理。
-
CSS定位核心是五种模式：static为默认流内定位；relative相对自身偏移且保留原空间，常作absolute参照；absolute脱离文档流，相对于最近非static祖先定位；fixed相对于视口固定，滚动不变；sticky在阈值内如relative，达到后如fixed。应用场景包括布局微调、模态框、导航栏等。
-
答案：在Node.js中结合Redis进行缓存可提升性能，常用策略包括CacheAside、TTL机制等，数据结构应根据场景选择String、Hash、List等以优化效率与内存使用。
-
本文提供一种可靠方案，通过performance.getEntriesByType('navigation')结合document.referrer判断页面加载方式，精准控制Lottie预加载动画仅在首次访问（外部跳转、地址栏输入、手动刷新）时显示，避免内部导航触发。
-
推荐五类HTML编辑器：一、代码型（如VSCode、SublimeText、Notepad++）；二、富文本型（如壹伴、135、有一云）；三、可视化构建型（如Webflow、WixADI、LynxAI）；四、国产特色型（如HBuilder、TraeIDE、UEditor）；五、在线轻量型（如CodeCraftStudio、DevPlayground、即时设计插件）。
-
WebFontLoader是一个JavaScript库，用于主动管理字体加载过程，解决FOIT/FOUT失控问题，但不提升加载速度；它需与font-display:swap配合使用，通过active回调获知字体就绪时机，避免样式错乱。
-
auto-fill保留空轨道适合hover动画，auto-fit收缩空列更省空间；minmax(200px,1fr)实现响应式列宽，需配合display:grid和合理父容器宽度；clamp()可替代minmax()第一参数实现平滑响应式，但需注意Safari兼容性。
-
使用:link和:visited可设置超链接不同状态样式，1.:link定义未访问链接如a:link{color:blue;}，2.:visited定义已访问链接如a:visited{color:purple;}，需注意浏览器隐私限制，3.按LVHA顺序（:link、:visited、:hover、:active）书写避免覆盖，提升导航体验。
-
浏览器开发者工具是JavaScript调试默认搭档，通过F12打开；可用debugger语句或Sources面板手动设断点，配合条件断点、属性修改断点、sourcemap及Network面板协同定位问题。
-
选Sass更适合中大型项目。因其模块系统更可靠、构建工具链支持更成熟、CI/CD更稳定、调试与类型提示能力更强，且社区维护更活跃；LESS虽上手快，但长期维护成本更高。
-
HTML通过<sup>和<sub>标签原生支持上标下标，分别用于数学公式、化学式等场景，如m²用<sup>2</sup>，H₂O用<sub>2</sub>，二者可嵌套使用于复杂表达式，且语义清晰、利于可访问性。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；静态定位下设置无效，且受层叠上下文约束，子元素z-index在父上下文中排序而非全局比较。
