-
Vite适合新应用开发，Webpack适用于深度定制和遗留系统，Rollup专精于库打包；三者底层依赖AST分析但抽象层级不同，选错会拖慢迭代。
-
引入CSS到HTML主要有三种方式，最推荐的是外部样式表，其次是内联样式在特定场景下使用；2.外部样式表通过<link>标签引入独立的.css文件，实现结构与样式的分离，便于维护、复用和缓存，适用于大多数项目；3.内联样式通过在HTML元素的style属性中直接写CSS规则，优先级最高且即时生效，适合快速调试、JavaScript动态修改、邮件模板或特殊覆盖需求；4.内联样式的优点包括优先级高、便于JS操作和即时反馈，缺点是可维护性差、无复用性、代码冗余、破坏分离原则且无法被浏览器缓存；5.外
-
能解决但不推荐，易导致文字裁切、脱离语义流、响应式错位及可访问性问题；应优先用flex+gap、伪元素content加引号、transform替代top偏移等现代方案。
-
答案：使用HTML的details和summary标签可创建可折叠内容区域，details定义折叠块，summary定义标题，点击可展开或收起详细信息。
-
前端通过OAuth2.0授权码模式+PKCE实现安全认证，先生成code_verifier和code_challenge，重定向至授权服务器获取code，校验state一致性后，由后端或可信服务用code换取access_token，避免暴露client_secret，前端凭token访问API，推荐使用Auth0等库简化流程并确保安全。
-
本文介绍在Vuetify+Nuxt应用中，当表格单元格内容动态更新时，自动触发动画（如高亮闪烁）的可靠实现方案，重点使用MutationObserver监听textContent变化，并配合CSS动画完成无侵入式视觉反馈。
-
Map适用于键为任意类型且需保持插入顺序的键值映射，Set适用于自动去重和高效存在性判断的唯一值集合；对象适合结构化数据，数组适合有序索引列表。
-
直接抓取百度百科HTML会触发反爬导致403或乱码，因其为服务端渲染+动态JS注入，原始HTML仅含占位div；合规做法是调用百度搜索API或构建静态仿百科页，使用语义化标签如h1、dl/dt/dd、p、ol等确保结构清晰可维护。
-
使用::before伪元素可独立控制图标大小，避免影响文本。通过定位与字体隔离，实现样式分离，提升布局灵活性与可维护性。
-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。
-
本文介绍在父容器设置了padding-left且必须保留display:flow-root的约束下，精准居中首个子元素的两种可靠CSS方案，兼容TailwindCSS并兼顾响应式表现。
-
节流是在固定时间间隔内最多执行一次，适用于滚动监听等需匀速响应的场景；防抖是在最后一次触发后延迟执行，适用于搜索输入等需等待用户操作稳定的场景。
-
JavaScript变量是存储数据的容器，支持动态类型和let/const声明；let用于可变块级变量，const用于不可重赋值常量，需注意对象属性仍可修改。
-
:nth-child(odd)选奇数行，:nth-child(even)选偶数行，但需确保目标元素在父容器中连续、同级且无其他类型元素干扰；否则应改用:nth-of-type()或JS动态加class。
