-
直接用background-image写Base64数据URL时，需严格遵循data:<mimetype>;base64,<encoded-string>格式，确保MIME类型准确、base64,后无空格、url()内用单引号包裹；仅适用于小图标，大图应走独立文件。
-
实现网页拼图游戏需五种方法：一、CSSGrid均分布局配background-position偏移；二、绝对定位精确控制每块坐标；三、Flexbox用order属性动态排序；四、Canvas像素级截取渲染；五、clip-path裁剪加transform微调。
-
微前端通过ModuleFederation实现应用拆分与模块共享，提升开发部署效率。1.按业务、团队或权限拆分子应用，实现独立开发与技术栈自治；2.Webpack5的ModuleFederation支持Host加载Remote暴露的模块，运行时动态引入组件；3.配置shared依赖避免重复加载，设置singleton、eager和version确保版本一致与性能优化；4.子应用间通过事件、URL参数、全局状态或props通信，推荐松耦合机制；5.实践需关注隔离、降级与监控，保障系统稳定性。
-
应为每行表单项（如.form-row）设display:flex，label固定宽度+flex-shrink:0，input用flex:1+min-width:0；Grid布局更稳但需注意老版Safari兼容性；避免float/inline-block因设计逻辑不适用表单对齐。
-
const限制变量绑定而非值内容，故可修改对象属性或数组元素；let和const均有TDZ，访问前会报ReferenceError；推荐默认用const，仅需重赋值时用let。
-
JavaScript代码覆盖率反映测试执行时源代码的行、语句、分支、函数被运行的比例，用于发现逻辑盲区但不衡量测试质量；主流工具包括nyc、Jest内置支持、c8及浏览器端方案，启用后需结合人工分析覆盖结果。
-
会占用空间，但是否计入设定的width/height由box-sizing决定：content-box下border额外占空间，border-box下从内容区扣除，总宽高不变。
-
本文介绍如何通过JavaScript高效提取多个具有相同class的DOM元素所携带的data-id值，并统一构造成一个字符串数组，适用于动态数据采集与前端批量操作场景。
-
textContent安全替换文字内容：element.textContent="新内容"，只处理纯文本、防XSS、清空子元素结构和事件监听器，IE9+全支持。
-
先通过CSS实现背景渐变与图片叠加以增强视觉层次和文字可读性。1.使用background属性将线性渐变置于图片前，实现从上到下的透明黑到深灰渐变覆盖图片；2.采用radial-gradient创建中心聚焦效果，并通过background-blend-mode控制颜色融合；3.利用多层背景逗号分隔，按顺序堆叠多个渐变与图片，如底部深色渐变遮罩便于文字展示。关键在于掌握堆叠顺序与透明度控制。
-
IE9及以下不支持HTML5表单属性和验证API，需用webshimpolyfill或手写submit拦截逻辑补全；html5shiv和Modernizr无法解决此问题。
-
meter元素无JavaScriptAPI取值，仅通过绑定的value属性或外部变量获取数据；其value为只读反射属性，修改不触发事件，也不参与表单提交，本质是单向显示控件。
-
函数柯里化是将多参数函数转换为一系列单参数函数，每次调用返回新函数直至所有参数传入，如curriedAdd(1)(2)(3)；部分应用是固定部分参数生成新函数，仍可接收多个剩余参数，如double(3,4)；两者调用方式、返回值和实现不同，柯里化用于逐步收集参数，部分应用用于简化函数调用。
-
常见原因是transform被后续CSS规则覆盖，导致浏览器无法追踪状态变化；需检查层叠优先级、显式声明transition-property、确保值类型匹配及单位一致，并用DevTools验证计算值。
-
答案：CSS的transition、transform和animation协同工作，transform定义元素空间变化，transition实现属性变化的平滑过渡，animation通过关键帧创建复杂自动动画；结合使用时应明确职责、避免冲突，并优先采用transform和opacity以提升性能。
