-
答案：多主题项目中应以CSS变量为核心，结合模块化CSS或CSS-in-JS实现样式隔离与动态切换。通过在根元素切换类名来改变CSS变量值，可高效实现主题变换，避免FOUC；组件样式采用CSSModules或CSS-in-JS确保局部作用域，提升维护性；利用ThemeProvider或localStorage持久化主题选择，并通过构建优化和按需加载控制打包体积，平衡性能与开发效率，最终实现流畅用户体验。
-
将表单校验规则模块化，通过组合策略提升可维护性：定义独立校验函数（如邮箱、密码强度、手机号等），每字段绑定多个规则按序执行；支持动态联动（如密码比对）和异步校验（如用户名唯一性）；统一入口收集结果，返回valid状态和errors信息，便于错误提示与提交控制。
-
答案：可通过标签名、class/id、属性选择器和嵌套结构选择SVG元素。使用circle、rect等标签名可全局设置样式；通过class或id能精准控制特定元素；利用属性选择器如[r="20"]可匹配特定属性值；结合g分组与层级关系可实现复杂选择，需注意大小写敏感及XML命名空间差异。
-
浮动元素脱离文档流是因为float使元素“漂起”，不再占据原位置，导致后续块级元素上移、父容器高度塌陷；文字环绕浮动元素，clear属性仅作用于自身，清除浮动需用伪元素、空标签或BFC方案。
-
闭包是函数与其词法环境的组合，使内部函数能访问外部变量，即使外部函数已执行完毕。如functionouter(){letcount=0;returnfunctioninner(){count++;console.log(count);};}中，inner形成闭包，持续访问count。应用场景包括模拟私有变量、事件回调和函数工厂，如createCounter(step)返回带步长的计数函数。需注意内存泄漏、循环中变量共享问题及性能影响，合理使用可提升代码灵活性。
-
IndexedDB不能直接存储XML文档对象，只能存字符串或解析后的JS对象；存字符串无法查询和高效更新，推荐解析为对象并建索引，注意索引限制、命名空间兼容性及schema演进。
-
HTML5注释不会报错但会干扰解析逻辑，未闭合注释会导致后续代码被吞掉，引发页面空白、样式失效等问题；应检查注释配对、避免嵌套、禁用功能时优先用条件判断而非注释HTML。
-
JavaScript中的this指向函数调用时的执行上下文对象，严格模式下普通函数独立调用时为undefined，箭头函数无自身this，call/apply/bind可显式绑定，new调用时指向新实例，事件监听中this默认为触发元素。
-
必须借助JavaScript发起异步请求调用API，方法包括：一、fetchAPI；二、XMLHttpRequest；三、async/await封装fetch；四、JSONP跨域；五、Axios库。
-
图片不显示的四大原因：路径错误（404）、CSS隐藏（display/opacity等）、格式不支持或损坏、CORS跨域限制；需依次用Network面板、元素检查、新标签页测试、控制台筛选排查。
-
toSource()方法可返回对象或函数的源码表示，用于调试，仅在部分浏览器如Firefox中支持，不适用于生产环境。
-
JavaScript通过document.cookie字符串接口操作Cookie：写入需拼接key=value及属性（如expires、path）；读取需split解析并解码；删除需覆盖写入过期同名Cookie。
-
控制背景图透明度的可靠方法有两种：一是用rgba()背景色叠加，适用于纯色蒙层；二是用::before伪元素承载图片并设opacity，推荐此法，可独立调控且不影响内容。
-
line-height单行居中有效而多行失效，因其仅作用于每行内部，无法控制多行文本整体垂直居中；flexbox的align-items:center是多行居中标准方案，需容器有明确高度且子元素为直接子元素。
-
drawImage缩放本质是控制图片在画布上的绘制位置和尺寸，5参数仅缩放，9参数先裁剪再缩放；需注意变换矩阵累积、设备像素比适配及坐标计算逻辑。
