-
滚动驱动缩放必须用JavaScript监听scroll事件并动态更新transform:scale()，需注意transform-origin设置、合并其他transform值、限幅处理、requestAnimationFrame节流、避免与touchmove混用，以及根据需求选择IntersectionObserver或手动计算位置。
-
HTML代码压缩通过移除空格、换行、注释等冗余字符，在不改变页面效果的前提下减小文件体积，从而提升加载速度、用户体验和SEO排名，同时节省带宽。其核心原理是利用HTML解析器对空白符和注释的忽略特性，进行无损压缩，并可结合Gzip或Brotli等传输层压缩进一步优化。实际应用中，推荐使用Webpack的html-webpack-plugin、Gulp的gulp-htmlmin等构建工具插件，在生产环境自动执行压缩，避免手动操作效率低且易出错的问题。需注意保持开发环境代码可读性，压缩后充分测试功能完整性，防
-
子菜单撑不开父容器的根本原因是父级flex容器默认flex-shrink:1且子菜单无明确尺寸；解决需设.menu-item为relative定位，.submenu显式设min-width或width，并按布局需求配置flex-wrap或flex-direction。
-
JSP中使用HTML5语义化标签需声明<!DOCTYPEhtml>、设置UTF-8编码、正确嵌套标签、为旧IE引入HTML5Shiv并显式设display:block、用JSTL替代脚本片段动态生成结构、最后验证DOM与样式。
-
absolute定位不能直接覆盖目标元素，因它默认相对于最近已定位祖先定位；若父容器未设position:relative，坐标原点会错位到body或html，导致偏移异常。
-
答案：设计一个轻量级JavaScript状态管理库，通过单一状态树、不可变更新和响应式机制实现集中管理与跨组件通信。1.构建Store类封装状态、监听器及notify通知；2.引入reducer函数与dispatch模式规范状态变更；3.使用subscribe订阅实现视图自动更新；4.以计数器为例展示state变化驱动UI更新的流程；5.核心保持简洁，支持后续扩展中间件与模块化。
-
RGBA透明度是线性混合而非空间纵深模拟，应改用HSLA调控色相/饱和度模拟空气透视，并辅以backdrop-filter和box-shadow增强层次感。
-
点击切换灰度效果需JS控制状态：监听click事件，用dataset记录当前灰度状态并直接设置style.filter，配合transition实现平滑动画，注意兼容Safari前缀、避免内联样式覆盖及图片加载完成后再绑定事件。
-
闭包是JavaScript中函数记住并访问其定义时词法作用域中自由变量的运行时现象；它由内部函数、对外层局部变量的引用及外层函数返回后内部函数仍被调用三要素构成，本质是引擎延长外层词法环境生命周期以维持变量引用。
-
固定导航条导致内容被遮挡，应通过padding-top为内容区预留高度；响应式可用CSS变量联动；慎用margin-top；滚动条宽度变化可用scrollbar-gutter或强制显示解决；需确保导航条定位、尺寸设置正确。
-
Redux通过单一不可变状态树集中管理应用状态，确保数据一致性与可预测性；状态更新需通过派发action触发，经由纯函数reducer处理并返回新状态，从而实现可追踪、可调试的状态变更流程。
-
Date对象无内置格式化方法；toISOString()恒返UTC时间；toLocaleString()需精确配置locale与options；getMonth()返回0–11需+1；手动格式化须区分本地/UTC时区。
-
最简表格结构为<table><tr><td></td></tr></table>，必须包含table、tr、td三层标签，缺一不可；th用于表头，td用于数据；需用CSS设置border和border-collapse:collapse来控制边框。
-
模板字符串用${}插变量，是JS原生语法；支持简单表达式但禁复杂逻辑；列表渲染用map+join；可调纯函数但禁异步或DOM操作；innerHTML失效多因非法HTML或空白符；需手动转义防XSS。
-
原生<details>和<summary>可实现无JS/CSS框架的折叠面板，<summary>必为<details>首子元素且需闭合标签；open属性设默认展开；支持键盘与屏幕阅读器，但动画需:has()或JS控制类名配合max-height/opacity实现。
