-
使用浏览器开发者工具和PerformanceAPI定位执行超50毫秒的JavaScript长任务：1.用ChromeDevToolsPerformance面板录制并分析火焰图中Main线程上的长任务；2.通过PerformanceObserver监听longtask条目实现生产环境监控；3.结合主线程活动、FPS及CPU指标判断影响；4.采用代码分割、WebWorker或setTimeout分片优化。
-
space-evenly是justify-content的属性值，使flex容器内子元素间的间距及与容器边缘的距离完全相等，实现视觉对称布局。1.设置display:flex后使用justify-content:space-evenly；2.子元素之间及首尾与容器边距相同；3.适用于导航、图标组等需均匀分布的场景；4.现代浏览器支持良好，注意避免margin干扰布局效果。
-
border-spacing仅在border-collapse:separate时生效，设为collapse则被忽略；它作用于table元素，控制单元格边框外侧间距，不支持负值和百分比，IE8及以下不支持。
-
JavaScript通过CanvasAPI实现网页图形绘制、图表生成与动画，核心是获取2D上下文并调用绘图方法；需准备canvas元素，设置样式，绘制矩形、圆、线；柱状图和折线图需手动映射数据到坐标；动画推荐requestAnimationFrame，配合清空画布、更新状态、重绘；注意性能优化与鼠标交互。
-
HTML5是浏览器支持的最新标记标准，核心区别在于原生支持音视频、本地存储、语义化表单及标签；最简模板为<!DOCTYPEhtml>开头，新增<header><main><footer>等语义标签；关键特性如<video>、localStorage、fetch()等需按浏览器兼容性谨慎使用。
-
使用媒体查询可解决绝对定位在响应式中的错位问题，通过调整不同屏幕下的定位属性和布局策略，确保元素在各设备上正确显示且不溢出或遮挡内容。
-
ins标签用于标记HTML文档中新增的文本，常与del标签配合展示修改痕迹；2.它通过默认下划线样式突出插入内容，适用于协作编辑、版本控制等需展示修改历史的场景；3.可使用cite和datetime属性提供插入文本的上下文信息；4.与mark标签的区别在于语义不同：ins表示文档修改中的新增内容，mark用于标记当前上下文中的重点内容；5.可通过CSS自定义ins标签的样式，如去除下划线、设置背景色和文本颜色，以符合设计需求。
-
HTML5<inputtype="date">提交值恒为YYYY-MM-DD字符串，但后端需正确配置反序列化（如SpringBoot用@DateTimeFormat），前端避免newDate(value)而应补全时间（如value+"T00:00"）确保跨浏览器兼容；显示格式与提交格式须分离处理。
-
能，flex-wrap:wrap可解决子元素换行溢出，但需父容器设display:flex且子元素总宽超容器；若无效，常因未启flex布局、子项设flex-shrink:0或white-space:nowrap等干扰因素。
-
ReactNative通过桥接机制实现JS与原生高效通信，核心由JavaScript线程、原生线程和桥接层组成，支持异步序列化调用，需注册原生模块供JS访问，存在性能开销，可通过批量操作、TurboModules、Hermes等优化。
-
在JavaScript中，实现页面跳转的主要方法有三种：1.使用window.location.href直接跳转到指定URL；2.使用window.location.replace替换当前历史记录进行跳转；3.使用window.open打开新窗口或标签页进行跳转。每种方法都有其适用场景和优缺点，选择时需根据具体需求和用户体验来决定。
-
JavaScript时间处理核心依赖Date对象：格式化可用toLocaleString()自适应本地化，或手动拼接确保补零；时间差统一转毫秒计算，再换算为天、时、分、秒，并需注意字符串解析时区偏差、跨月计算及定时器清理。
-
relative定位不改变元素在文档流中的位置，但会为absolute子元素创建新的定位上下文；即使无偏移，设为relative的父元素也会成为子元素定位参照物；子元素的top、left等属性将相对于该父元素计算，而非继续向上查找；若无定位祖先，则默认相对于视口定位；relative元素仍占据原空间，布局不受影响；常用于弹窗、下拉菜单、卡片按钮、轮播图箭头等需要局部精确定位的场景；其核心作用是静默建立坐标系，实现子元素自由定位且不破坏整体布局。
-
transition和animation分工不同：transition适用于两状态间平滑过渡（如hover变色），需属性值变化且触发条件明确；animation适用于复杂帧序列（如loading转圈）、需控制中间帧、循环或延迟时，必须用@keyframes定义关键帧；推荐使用transform和opacity实现GPU加速，避免left、top、height等引发重排。
-
答案：多主题项目中应以CSS变量为核心，结合模块化CSS或CSS-in-JS实现样式隔离与动态切换。通过在根元素切换类名来改变CSS变量值，可高效实现主题变换，避免FOUC；组件样式采用CSSModules或CSS-in-JS确保局部作用域，提升维护性；利用ThemeProvider或localStorage持久化主题选择，并通过构建优化和按需加载控制打包体积，平衡性能与开发效率，最终实现流畅用户体验。
