-
JavaScript代码压缩通过移除无用字符、简化语法、混淆变量名等减小体积，提升加载速度；核心是不改逻辑前提下使代码更紧凑，依赖Webpack/Vite等构建工具自动启用Terser，在production模式下删除注释空格、缩短名称、tree-shaking、简化表达式；也可手动调用Terser命令行或API压缩；压缩前应清理console/debugger、冗余代码、优化字面量和模块化；服务端需配合Gzip/Brotli压缩，Brotli比Gzip平均再减15%体积。
-
浏览器提示“建议启用HTTPS”是因为页面通过HTTP非加密协议加载，而非HTML代码问题；解决方法是服务器配置TLS证书并设置HTTP到HTTPS的301重定向，而非修改HTML标签。
-
JavaScript事件循环每次执行一个宏任务后立即清空当轮微任务队列；宏任务包括setTimeout、I/O、UI渲染等，微任务包括Promise.then、queueMicrotask、MutationObserver等；执行顺序为同步代码→微任务→下一轮宏任务。
-
flex容器需设flex-wrap:nowrap、明确宽度及overflow-x:auto才能横向滚动；white-space:nowrap仅作用于子项内文本，对flex布局无效。
-
本文详解如何通过将模块导出逻辑封装为函数，规避因模块级变量直接引用导致的ReferenceError（无法在初始化前访问词法声明），实现main→a→b→main的安全数据流。
-
负边距导致重叠内容被裁切或错乱，因容器不自动扩容且可能有overflow:hidden；需用position+z-index控制层叠，或grid-row/column精准定位共享轨道。
-
图标字体加载失败主因是路径错误或跨域限制，需检查@font-face中src的相对路径基准、CORS头配置及font-display策略；其次为font-family名称不匹配、Unicode转义错误及字体加载时机问题。
-
答案：使用CSSfloat属性可实现图片画廊横向排列，通过设置img宽度、左浮动及清除浮动避免塌陷，并结合媒体查询实现响应式布局。
-
可通过四种方法在百度浏览器中打开本地HTML文件：一、菜单栏“打开文件”；二、系统默认关联设置；三、拖拽至浏览器窗口；四、命令行快捷方式启动。
-
:empty仅匹配完全无子节点（含空格、换行、注释）的元素；视觉空白不等于DOM为空，需用childNodes.length验证或预处理HTML清除空白。
-
Sass缩进必须用2空格（禁Tab），编辑器设insertSpaces=true/tabSize=2，禁用Prettier；注释用//静默或/!/保留；数值参数不带单位，用type-of()校验；@use需加命名空间前缀。
-
计算属性是基于惰性effect的缓存型响应式机制：首次访问时执行getter并收集依赖，后续依赖未变则返回缓存值；依赖变化时仅标记dirty，下次读取才重算并更新依赖关系，支持动态精确收集与多级响应链接。
-
Zakra主题中图片不居中是因CSS优先级与容器样式配合问题，需确保父容器有text-align:center、图片为inline且未被float/display:block等规则覆盖，或用自定义CSS设display:block和margin:0auto。
-
<marquee>标签虽已废弃但浏览器仍支持，适合教学演示；现代标准方案是CSS@keyframes配合transform:translateX()实现平滑滚动；推荐CodePen进行实时调试；卡顿问题多源于渲染层设置不当，应避免will-change、opacity等干扰属性。
-
HTML5元数据升级聚焦charset、viewport及语义化name值，强化SEO与可访问性；charset须置head最前，viewport禁用user-scalable=no，keywords已失效，canonical等标签冲突会直接损害页面可信度。
