-
UglifyJS通过解析、压缩、混淆和生成四个阶段优化JavaScript代码，减小文件体积。它将源码转为AST，执行常量折叠、移除无用代码等压缩操作，并重命名变量以减少字符数，最后生成精简代码。常用配置包括--compress（如drop_console、dead_code）、--mangle（混淆变量名）、--output（控制格式）和--source-map（支持调试）。尽管Terser更适配ES6+，但理解UglifyJS原理仍有助于掌握代码压缩机制。
-
使用minmax()与repeat()可创建弹性网格布局，如repeat(auto-fit,minmax(250px,1fr))实现响应式卡片，容器变窄时自动减少列数；结合aspect-ratio可保持项目宽高比，grid-template-columns:minmax(200px,1fr)minmax(400px,3fr)则构建最小宽度与比例可控的多区域布局，适用于现代响应式设计。
-
Yarn在依赖解析、缓存机制和工作区支持上优于npm，提供更快的安装速度和更强的跨环境一致性；npm则依托原生生态和安全审计功能，适合追求稳定与兼容的项目。1.Yarn采用并行下载与严格依赖算法，减少冗余并提升效率；2.其全局缓存支持高效离线安装，npm需额外配置才能媲美；3.Yarn更早完善支持monorepo工作区联动开发；4.npm内置安全审计，YarnPnP提升加载性能但存在工具兼容问题。最终选择取决于团队习惯与项目需求，但lock文件对两者皆至关重要。
-
使用::placeholder及浏览器前缀可自定义占位符样式，需注意兼容性与可读性。input::placeholder设置颜色、字体；结合::-moz-placeholder、::-webkit-input-placeholder、:-ms-input-placeholder确保各浏览器一致显示，避免浅色影响readability，兼顾色盲用户，移动端需真机测试，继承全局样式时单独控制颜色和斜体。
-
答案：height动画跳跃因auto非数值无法渐变，可用max-height配合transition模拟平滑展开，通过设置足够大的max-height值并结合overflow:hidden实现视觉过渡，兼顾性能与兼容性，适用于多数折叠动画场景。
-
首先检测文件BOM标识判断编码，若无则用StreamReader自动检测或解析HTML中meta标签的charset声明以确定实际编码格式。
-
:first-of-type和:last-of-type用于选择父元素中同类型子元素的第一个或最后一个，按元素类型匹配而非位置，可精准控制样式如去除首尾段落边距、设置导航圆角或高亮表格首末行，比:nth-child更灵活，无需额外类名即可实现语义化样式控制。
-
尾调用优化在ES6中要求尾调用重用当前栈帧，避免栈溢出，适用于函数尾位置直接返回另一函数调用的场景，如尾递归阶乘函数。
-
答案：HTML中运行JavaScript函数可通过内联事件、页面加载触发、直接执行脚本或事件监听实现。1.内联事件如onclick调用函数；2.onload在页面加载后运行；3.script标签内直接调用函数；4.addEventListener绑定事件，推荐使用，需确保DOM加载完成。
-
可通过四种方法运行HTML文件：一、双击以.html为扩展名的文件用默认浏览器打开；二、在浏览器中按Ctrl+O手动选择文件；三、用Node.js安装http-server通过localhost访问；四、用VSCode等编辑器配合LiveServer插件一键启动本地服务器。
-
答案：通过HTML结构、CSS媒体查询与Flexbox布局及JavaScript交互控制，实现导航栏在小屏幕下的折叠伸缩效果。使用max-height过渡动画平滑展开菜单，点击按钮切换active类控制显示状态，确保响应式设计在移动端的良好体验。
-
首先将Notepad编写的HTML文件以.html为扩展名并选择“所有文件”类型保存，随后双击文件或通过浏览器“打开文件”功能加载，最后检查代码是否包含DOCTYPE、html、head、body等基本结构标签且标签闭合正确，确保页面正常显示。
-
在HTML中实现数学公式的可读标记，核心方法是使用MathML结合MathJax或KaTeX等JavaScript库。1.MathML是W3C推荐的标准，能语义化描述数学公式，分为表现层和内容层，前端开发中主要使用表现层。2.由于浏览器对MathML原生支持有限，通常引入MathJax或KaTeX库来渲染，它们支持LaTeX语法，也可处理MathML。3.这些库通过解析表达式、布局计算和渲染输出，生成高质量的HTML/CSS、SVG或MathML内容，确保跨浏览器兼容性和可访问性。4.直接使用HTML标签
-
JavaScript数据缓存需按需存储、合理淘汰、安全读写：内存缓存用Map+时间戳+LRU；localStorage需序列化、加版本号、禁存敏感信息；IndexedDB和CacheAPI适用于大容量或离线场景；策略应匹配业务节奏，注重一致性与隔离性。
-
背景图片不显示最常见的原因是background-image路径错误；CSS路径相对于CSS文件位置而非HTML文件，需确认相对路径正确、文件真实存在且命名严格匹配（含大小写），并用开发者工具Network标签检查请求状态码。
