-
JavaScript中的微任务队列没有明确的长度限制，它是一个动态增长的FIFO队列，与当前宏任务的生命周期绑定；1.微任务队列在规范层面无固定上限，理论上可无限增长；2.微任务优先级高于宏任务，在当前宏任务执行后立即清空微任务队列；3.若微任务无限生成，会持续占用主线程，导致页面冻结、宏任务无法执行；4.常见微任务包括Promise回调、MutationObserver、queueMicrotask()；5.避免微任务过度膨胀的方法包括避免递归创建微任务、分解大型任务、使用setTimeout调度、利用
-
类名重复本身不是问题，真正导致样式覆盖的是CSS优先级和加载顺序；应通过嵌套结构限定作用域、加业务前缀、慎用!important并改用更具体的组合选择器来控制样式边界与上下文。
-
要实现元素在left和top属性上产生平滑的过渡效果（transition），关键在于正确设置CSS的position属性，并启用transition动画。虽然left和top本身可以被过渡，但需要满足一些前提条件。1.元素必须是定位元素只有设置了定位（relative、absolute或fixed）的元素，left和top才会生效。普通静态布局（static）下修改这两个值不会产生视觉变化。示例：.box{position:relative;lef
-
Jest、Mocha、Vitest和Karma是主流JavaScript测试框架，Jest因其易用性和强大功能成为React项目首选；通过编写简单加法函数测试示例，展示了测试用例的基本结构；针对异步代码和API请求，可使用jest.mock和jest.fn实现模拟；结合覆盖率报告与CI/CD持续集成，提升代码质量与项目稳定性。
-
<p>Safari旧版本需为Flex属性添加-webkit-前缀以确保兼容，如display、flex-direction、justify-content等，并注意flex-basis的不稳定问题及测试降级策略。</p>
-
ES6模块采用静态导入导出，CommonJS使用动态require；2.ES6在编译时加载，支持静态分析，CommonJS运行时加载；3.ES6输出值的引用，CommonJS输出值的拷贝；4.浏览器原生支持ES6模块，Node.js传统支持CommonJS但现也支持ES6。
-
clearfix用于解决浮动元素导致父容器高度塌陷的问题，通过在父元素上应用特定CSS规则使其正确包裹子元素。常见写法包括基础clear:both（不推荐）、micro-clearfix及NicolasGallagher提出的兼容方案，后者通过display:table和zoom:1支持IE6-IE8。现代开发推荐使用Flexbox或Grid布局替代浮动，若需兼容旧浏览器则采用完整micro-clearfix类。实际项目中应优先选择现代布局方式，避免依赖清除浮动技术。
-
使用CSSGrid实现三栏布局最灵活，通过display:grid和grid-template-columns定义列宽，推荐fr、minmax()与auto-fit适配不同屏幕，如repeat(auto-fit,minmax(200px,1fr))可使列数随屏幕缩小自动调整；结合固定宽度与弹性列（如200px1fr200px）满足特定布局需求，并在小屏下用媒体查询堆叠为单列，实现响应式。
-
使用JavaScript操作DOM可实现动态内容插入与数据绑定。通过createElement、appendChild等API创建和更新元素，结合textContent避免XSS风险；利用Object.defineProperty或Proxy监听数据变化，在setter中触发视图更新，实现简易数据绑定；通过事件监听同步用户输入；为提升性能，使用DocumentFragment批量构建节点后一次性插入，减少重排重绘。核心是保持数据与UI同步，无需框架即可高效更新界面。
-
解决JS缓存问题可以采用以下策略：1.使用版本控制，通过在JS文件名中加入版本号或哈希值，使浏览器视为新资源。2.利用HTTP头部的Cache-Control和ETag控制缓存有效期和验证文件更新。3.通过URL参数强制刷新缓存，适用于各种场景。这些方法结合使用，既能保证用户体验，又能简化开发流程。
-
npm是Node.js默认包管理器，yarn和pnpm注重性能与确定性，cnpm已被npmmirror.com取代；新手用npm，中大型团队推荐yarn或pnpm。
-
前端监控通过JavaScript错误追踪保障应用稳定，需全面收集并上报错误。1.使用window.onerror捕获全局脚本错误，获取错误信息、文件、行列号及堆栈，跨域需配置crossorigin和CORS；2.通过window.onunhandledrejection监听未处理的Promise拒绝，收集拒绝原因并补充上下文；3.利用window.addEventListener('error',handler,true)捕获资源加载失败，区分资源类型并记录URL、耗时等；4.上报采用sendBeacon
-
外部样式表性能最好，因其可被浏览器缓存，减少重复加载；内联和内部样式会增加HTML体积且难维护；@import导致串行下载，影响加载速度，不推荐用于生产环境。
-
回调函数在JavaScript中用于异步编程，通过将函数作为参数传递并在操作完成后调用。1)典型应用场景包括处理网络请求和文件读取。2)挑战包括回调地狱，可通过命名函数和错误处理改善。3)建议使用Promise或async/await来替代复杂回调。
-
JavaScript原生无生命周期钩子，这是Vue、React等框架为组件设计的机制；Vue按创建、挂载、更新、卸载四阶段提供对应钩子，React类组件有明确生命周期方法，函数组件则通过useEffect模拟，其核心价值在于精准控制执行时机以避免DOM操作错误和内存泄漏。
