-
使用CSSGrid的repeat(auto-fit,minmax())和grid-auto-flow可创建自适应图片网格，通过minmax(250px,1fr)定义列宽，gap设置间距，img{width:100%;height:auto}保证图片响应式，overflow:hidden避免溢出，实现无需媒体查询的响应式布局。
-
ShadowDOM通过创建物理隔离的DOM子树实现样式与结构封装，需用attachShadow({mode:'closed'})创建封闭根，内联样式并利用:host、::slotted和CSS自定义属性可控透传，确保真正独立性。
-
给文字所在元素添加padding可解决紧贴容器边缘问题。例如p{padding:12px}、h2{padding:16px20px}，并全局设置box-sizing:border-box，再配合line-height和响应式单位优化排版。
-
答案：border-radius通过调整圆角大小、使用百分比适配形状、结合交互反馈和考虑可访问性，提升按钮美观与用户体验。
-
HTMLaudio元素不支持平滑淡入淡出，必须用WebAudioAPI：需用户手势创建AudioContext，用createMediaElementSource接入音频，所有时间计算基于ctx.currentTime。
-
WeakRef无法直接包裹WebGLTexture，因其是宿主对象且不受JSGC管理；可行方案是用WeakRef持有HTMLImageElement或轻量元数据对象，并通过FinalizationRegistry在对象销毁时调用gl.deleteTexture()，且须先校验gl.isTexture()。
-
align-self不生效的主因是父容器交叉轴无固定尺寸；其次被align-items:stretch拉伸掩盖；再者margin:auto会优先覆盖；最后父容器未启用Flex布局也会导致完全失效。
-
前端不能独立实现服务端级令牌桶限流，因其依赖全局、原子、时钟同步的状态，而本地计时易篡改、多标签不共享、时间不准；只能模拟行为，通过本地桶估算+响应头协同（429、X-RateLimit头）+UI反馈实现提前拦截与智能退避。
-
依赖收集记录的是“谁在读这个值”，即正在执行的副作用函数（effect），并在属性被访问时将其加入该属性专属的监听集合，实现精准更新。
-
位图索引通过将权限映射为整数的二进制位实现高效校验，固定枚举编号、单用户仅需8字节存储、零查询位运算判断权限，超64项时分段管理，内存节省95%以上。
-
IntersectionObserver本身不是预加载系统，只是可见性传感器；需封装观察器、制定资源识别规则、设计预取执行策略、构建策略控制中枢四者协同才能实现首屏自动预加载。
-
要实现60FPSDOM状态切换动画，需用transform/opacity替代布局属性，配合will-change动态启用与requestAnimationFrame同步渲染，并通过DevTools验证图层与帧耗时。
-
IntelliJIDEA中HTML5文件可借助内置浏览器、外部浏览器、内置HTTP服务器或LiveEdit插件实现预览：一、右键选OpeninBuilt-inPreview；二、配置外部浏览器后右键打开；三、通过JavaScriptDebug配置本地服务器访问；四、安装LiveEdit插件实现保存即刷新。
-
localStorage并非真正离线存储，但它是轻量易用的浏览器端持久化方案；写入失败主因有四：无痕模式禁用、超配额（5–10MB）、非字符串值未序列化、iOSSafari低内存自动清理，须用trycatch+JSON处理并降级兜底。
-
ESLint的no-magic-numbers规则仅做静态检查，不支持自动替换为具名常量，因其设计为只读分析；真正实现语义化重写的需在构建阶段通过Babel插件等可写工具操作AST，并辅以上下文判断、作用域管理与可维护性设计。
