-
依赖注入通过显式声明依赖关系提升JavaScript代码的可维护性和可测试性，使测试时能轻松替换真实依赖为模拟对象，隔离被测单元，避免I/O等干扰，强制清晰职责边界，并可通过函数参数、工厂函数或模块级方式轻量实现。
-
要实现果冻感，需用高过冲贝塞尔曲线如cubic-bezier(0.68,-0.48,0.27,1.55)，负y1触发反向收缩，y2>1增强回弹；仅作用于transform/opacity，配合requestAnimationFrame、will-change和pointer-events控制确保流畅。
-
:disabled和:enabled伪类用于根据表单元素状态设置样式，提升可读性与交互体验。1.:disabled匹配禁用元素，常用于灰化输入框、按钮等，示例为设置背景色#f2f2f2、文字色#999、不可用光标；2.:enabled匹配可交互元素，可用于突出可操作控件，如按钮启用时显示蓝色背景并支持悬停变深；3.实际场景中，注册表单提交按钮初始禁用，未勾选条款时不可点击，通过JavaScript移除disabled后:enabled样式生效，实现视觉反馈自动化，无需额外class，兼容性好且减少误操作。
-
fetch读取本地HTML文件触发CORS错误是因file://协议被浏览器禁止跨域请求，解决方法是部署到本地HTTP服务或改用XMLHttpRequest；DOMParser解析HTML字符串更安全；Node.js中需用fs读取文件并注意编码与路径。
-
本文详解如何基于时间戳差值构建高精度计时器，并按需动态格式化显示（如1.23、1:05.456或2h3:05.456），彻底解决setInterval累加误差、前导零冗余及分钟/小时条件显示问题。
-
答案：CSS中通过font-family属性指定字体，优先使用自定义Web字体并提供备用字体以确保兼容性和用户体验。使用@font-face引入自定义字体时需注意格式兼容、性能优化和font-display策略，同时避免常见错误如路径错误或缺少引号。始终以通用字体收尾并测试多平台显示效果，平衡视觉与加载性能。
-
优先用<button>：支持嵌套内容、语义清晰、可访问性好、样式可控；<inputtype="button">仅支持纯文本且兼容性差。
-
通过FileAPI实现文件预览，1.图片用FileReader读取为base64并赋值img标签；2.文本文件读取内容显示在pre中；3.PDF通过embed标签预览；4.支持多文件与类型判断，提升用户体验。
-
ref用于创建响应式数据，原始值需.value访问，模板自动解包；对象类型模板中可直接访问属性但内部非响应，需用reactive或嵌套ref确保响应性。
-
不会。flex-direction默认完全无视direction属性，即使父容器设了direction:rtl，row仍从左到右排；需手动用row-reverse或结合:root[dir="rtl"]动态切换，并注意logicalproperties仅影响对齐不改变主轴方向。
-
Less中直接写@keyframes会因无去重机制导致重复编译，生成多份相同关键帧；应统一收口至独立文件，用无输出mixin封装调用。
-
纯CSS链接图标必须用::after伪元素实现，需设display:inline-flex/inline-block、content非空，优先用Unicode符号；外链/PDF/邮件等靠属性选择器静态匹配；须配vertical-align:middle和margin-left对齐，并添加title或aria-label保障无障碍。
-
本文详解如何在React多题型测验应用中，为每个问题的选项实现独立、互斥的背景高亮——即用户点击某选项时仅该题内该选项变色，其他题目不受影响，且同一题内再次点击不同选项时自动取消前一个高亮。
-
通过CSStransition结合font-size可实现文字大小平滑过渡。设置初始字号、指定过渡时间与缓动函数，利用:hover、:focus或JavaScript触发变化，注意避免布局重排并适配移动端，提升用户体验。
-
Vue3推荐使用模板而非Render函数，因其可被编译器静态分析并生成优化的BlockTree，实现细粒度更新；而Render函数为运行时JavaScript，无法参与Block构建，导致更新退化为传统vnodediff。
