-
代码覆盖率通过工具分析测试中被执行的代码，评估测试完整性。使用Jest、Mocha+Istanbul或Karma+Istanbuljs等工具链，在测试前对代码插桩以记录执行情况。覆盖率包含语句、分支、函数和行四个维度：语句覆盖率检查每条可执行语句是否运行；分支覆盖率确保if/else等分支真假路径均被覆盖；函数覆盖率确认每个函数至少调用一次；行覆盖率统计已执行的源码行比例。理想情况应综合关注四项指标，避免遗漏关键逻辑。工具如Jest可通过--coverage生成HTML报告，可视化展示覆盖情况，红色为未覆
-
text-shadow通过设置偏移、模糊和颜色值为文字添加阴影，支持多层叠加实现立体、霓虹、描边等效果，需注意兼容性（如IE9以下不支持）、性能开销及可访问性问题。
-
flex-grow默认为0，不放大；flex-shrink默认为1，可收缩。前者控制剩余空间分配，后者决定压缩比例，二者协同实现响应式布局，需注意默认值导致的压缩或溢出问题。
-
高度塌陷指浮动子元素脱离文档流导致父元素无法正确包裹，通过clearfix技术可解决。1.使用.clearfix::after{content:"";display:table;clear:both}插入伪元素清除浮动；2.为父容器添加clearfix类；3.display:table优于block因兼容性与避免外边距折叠；4.现代方案可用overflow:hidden/auto触发BFC或采用flex/grid布局。
-
CSSMinifier通过移除空格、注释等冗余字符压缩文件，减小体积以提升加载速度、用户体验及SEO排名，且不影响视觉效果。1.压缩原理：将可读代码转为紧凑格式，实现无损压缩；2.性能重要性：加快页面加载、降低带宽消耗、提升用户留存与搜索排名；3.常见问题：样式错乱多因原始代码语法错误，需用Linter校验，预处理器注释丢失可通过配置保留；4.进阶优化：结合TreeShaking剔除未用样式、内联关键CSS加速首屏渲染、按需拆分代码、利用HTTP/2多路复用等策略进一步提升性能。
-
CSS选择器类型包括元素选择器、类选择器、ID选择器、属性选择器、后代选择器、子选择器、伪类选择器和伪元素选择器。1.元素选择器通过标签名选择元素，如div。2.类选择器通过class属性选择元素，如.my-class。3.ID选择器通过id属性选择元素，如#my-id。4.属性选择器通过元素属性选择，如a[href]。5.后代选择器选择元素的后代，如ulli。6.子选择器选择直接子元素，如div>p。7.伪类选择器根据元素状态选择，如a:hover。8.伪元素选择器根据元素位置选择，如p::fir
-
HTML需要提供发音指导是因为提升可访问性和用户体验，尤其对视障用户、语言学习者和阅读障碍者至关重要。其核心作用在于确保内容不仅“读出来”，更能“读对、读懂”。解决方案包括：1.使用ruby元素为东亚语言添加发音标注；2.结合lang属性确保正确语言引擎被调用；3.利用aria-label或aria-describedby提供额外语义信息；4.在极端情况下嵌入音频文件提供真人发音示例。屏幕阅读器依赖这些标记来准确朗读内容，如切换语言引擎、读出拼音、处理缩写等。实现过程中面临浏览器兼容性、多语言管理、发音准
-
模块联邦通过运行时代码共享解决传统微前端的重复打包、版本冲突与部署复杂问题。它允许应用间动态共享组件和依赖，利用Webpack的shared配置实现依赖去重与版本协调，支持singleton确保单例、requiredVersion管理版本范围，并通过eager优化加载策略。相比构建时依赖（如NPM包），模块联邦实现真正的组件级共享与独立部署下的运行时集成，提升性能并简化协作。在大型应用中，需结合CDN、缓存、压缩等手段优化性能，同时通过CSP、信任源控制、代码审查、HTTPS等措施保障安全性，实现灵活而可
-
通过控制top、left等偏移属性或transform实现定位动画，transition作用于数值属性而非position本身，推荐使用transform提升性能，注意初始值设为具体数字且避免使用auto。
-
使用背景色的深浅变体，如浅灰背景用深灰加透明度；2.同色系低饱和阴影保持色调统一，营造真实光照感；3.暗色背景用浅色阴影模拟环境光；4.通过透明度控制融合度，建议alpha值0.1～0.3，确保阴影自然融入设计。
-
处理异步函数依赖关系的核心在于确保操作顺序性与协调性，1.通过Promise实现基础链式调用，明确任务顺序执行；2.使用async/await提升代码可读性与维护性，避免回调地狱；3.Promise.all()用于并行执行多个独立任务并等待全部完成；4.Promise.race()用于获取最先完成的任务结果；5.Promise.allSettled()用于获取所有任务最终状态，无论成功或失败；6.根据任务依赖关系选择合适策略，串行依赖优先使用async/await，并行任务使用Promise.all或Pr
-
避免JavaScript主线程阻塞的核心策略包括：1.使用WebWorkers处理计算密集型任务，通过独立线程执行复杂计算，避免影响主线程；2.优化异步I/O操作，利用Promise和async/await确保网络请求等任务不阻塞主线程；3.任务切片与调度，将大任务拆分为小块，通过setTimeout、Promise.then或requestIdleCallback分批执行；4.合理使用requestAnimationFrame确保动画逻辑与浏览器绘制同步。主线程阻塞会导致页面卡顿、用户交互无响应、动画掉
-
选用合适跨平台框架，统一技术栈实现多端适配；通过响应式布局适应不同屏幕；封装原生功能处理平台差异；结合状态管理与数据同步保障体验一致。
-
grid-template-rows用于定义网格行高，支持px、fr、auto等单位，可结合minmax()和repeat()实现灵活布局，需注意隐式网格由grid-auto-rows控制。
-
:nth-last-of-type(n)用于从父元素末尾开始选择倒数第n个指定标签类型的子元素。例如p:nth-last-of-type(1)选中最后一个p元素，li:nth-last-of-type(2)选中倒数第二个li。结合CSS计数器可实现倒序编号：通过counter-reset定义计数器，counter-increment设为-1实现递减，再用::before插入编号。也可对末尾元素单独设置样式，如p:nth-last-of-type(-n+2)隐藏最后两个段落，li:nth-last-of-t
